@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@font-face {
  font-family: 'geo';
  src: url("GEORGIA_1.eot")/*tpa=http://www.archsign.cn/web/bocweb/web/css/fonts/GEORGIA_1.eot*/;
  src: url("GEORGIA_1.eot")/*tpa=http://www.archsign.cn/web/bocweb/web/css/fonts/GEORGIA_1.eot*/ format("embedded-opentype"), url("GEORGIA_1.woff2")/*tpa=http://www.archsign.cn/web/bocweb/web/css/fonts/GEORGIA_1.woff2*/ format("woff2"), url("GEORGIA_1.woff")/*tpa=http://www.archsign.cn/web/bocweb/web/css/fonts/GEORGIA_1.woff*/ format("woff"), url("GEORGIA_1.ttf")/*tpa=http://www.archsign.cn/web/bocweb/web/css/fonts/GEORGIA_1.ttf*/ format("truetype"), url("GEORGIA_1.svg#GEORGIA_1")/*tpa=http://www.archsign.cn/web/bocweb/web/css/fonts/GEORGIA_1.svg#GEORGIA_1*/ format("svg");
}
@font-face {
  font-family: 'demi';
  src: url("AVANTGARDEITCBYBT-DEMI.eot")/*tpa=http://www.archsign.cn/web/bocweb/web/css/fonts/AVANTGARDEITCBYBT-DEMI.eot*/;
  src: url("AVANTGARDEITCBYBT-DEMI.eot")/*tpa=http://www.archsign.cn/web/bocweb/web/css/fonts/AVANTGARDEITCBYBT-DEMI.eot*/ format("embedded-opentype"), url("AVANTGARDEITCBYBT-DEMI.woff2")/*tpa=http://www.archsign.cn/web/bocweb/web/css/fonts/AVANTGARDEITCBYBT-DEMI.woff2*/ format("woff2"), url("AVANTGARDEITCBYBT-DEMI.woff")/*tpa=http://www.archsign.cn/web/bocweb/web/css/fonts/AVANTGARDEITCBYBT-DEMI.woff*/ format("woff"), url("AVANTGARDEITCBYBT-DEMI.ttf")/*tpa=http://www.archsign.cn/web/bocweb/web/css/fonts/AVANTGARDEITCBYBT-DEMI.ttf*/ format("truetype"), url("AVANTGARDEITCBYBT-DEMI.svg#AVANTGARDEITCBYBT-DEMI")/*tpa=http://www.archsign.cn/web/bocweb/web/css/fonts/AVANTGARDEITCBYBT-DEMI.svg#AVANTGARDEITCBYBT-DEMI*/ format("svg");
}
@font-face {
  font-family: 'beba';
  src: url("BEBAS.eot")/*tpa=http://www.archsign.cn/web/bocweb/web/css/fonts/BEBAS.eot*/;
  src: url("BEBAS.eot")/*tpa=http://www.archsign.cn/web/bocweb/web/css/fonts/BEBAS.eot*/ format("embedded-opentype"), url("BEBAS.woff2")/*tpa=http://www.archsign.cn/web/bocweb/web/css/fonts/BEBAS.woff2*/ format("woff2"), url("BEBAS.woff")/*tpa=http://www.archsign.cn/web/bocweb/web/css/fonts/BEBAS.woff*/ format("woff"), url("BEBAS.ttf")/*tpa=http://www.archsign.cn/web/bocweb/web/css/fonts/BEBAS.ttf*/ format("truetype"), url("BEBAS.svg#BEBAS")/*tpa=http://www.archsign.cn/web/bocweb/web/css/fonts/BEBAS.svg#BEBAS*/ format("svg");
}
@font-face {
  font-family: 'arru';
  src: url("ARRUSKI_0.eot")/*tpa=http://www.archsign.cn/web/bocweb/web/css/fonts/ARRUSKI_0.eot*/;
  src: url("ARRUSKI_0.eot")/*tpa=http://www.archsign.cn/web/bocweb/web/css/fonts/ARRUSKI_0.eot*/ format("embedded-opentype"), url("ARRUSKI_0.woff2")/*tpa=http://www.archsign.cn/web/bocweb/web/css/fonts/ARRUSKI_0.woff2*/ format("woff2"), url("ARRUSKI_0.woff")/*tpa=http://www.archsign.cn/web/bocweb/web/css/fonts/ARRUSKI_0.woff*/ format("woff"), url("ARRUSKI_0.ttf")/*tpa=http://www.archsign.cn/web/bocweb/web/css/fonts/ARRUSKI_0.ttf*/ format("truetype"), url("ARRUSKI_0.svg#ARRUSKI_0")/*tpa=http://www.archsign.cn/web/bocweb/web/css/fonts/ARRUSKI_0.svg#ARRUSKI_0*/ format("svg");
}
body, html {
  font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", sans-serif;
}
a{text-decoration: none}
.knmox{
	font-family: "宋体";
    position: absolute;
    top: 20px;
}
.strategy .li .img img{
	height: 100%;
}
.knmox a{
	font-size: 15px;
	color:#666;
	font-family: "Microsoft YaHei";
	margin:0 10px;
}
.knmox a:hover,.knmox a.active{
	color:#bc9a7c;

}
.friendship .show{
    padding: 0 16px;
    overflow: hidden;
    cursor: pointer;
}
.friendship .show .txt{
    float: left;
    font-size: 14px;
    line-height: 32px;
    color: #77797d;
}
.friendship .show .ico{
    width: 14px;
    height: 32px;
    float: right;
    background: url(friendship.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/friendship.png*/ no-repeat center center;
    background-size: 14px 7px;
    transition: transform 0.38s cubic-bezier(0.4, 0, 0.2, 1);
}
.imgt-images{
  height:570px;
}
 .friendship .hide{
    position: absolute;
    z-index: 100;
    bottom: 34px;
    background: #333;
    border: 1px solid #3a3a3a;
    box-sizing: border-box;
    left: -1px;
    right: -1px;
    display: none;
 }
 .friendship .hide a{
    display: block;
    width: 100%;
    padding: 0 16px;
    font-size: 14px;
    line-height: 36px;
    color: #888;
    box-sizing: border-box;
    position: relative;
 }
 .friendship{
	position: relative;
    width: 180px;
    border: 1px solid rgba(255,255,255,.1);
    box-sizing: border-box;
    margin-top: 9px;
 }
.yu-tytext{
  text-align: center;
  line-height: 28px;
  color:#333;
  font-size:16px;
  padding:20px 0;
  box-sizing: border-box;
      /*border: 1px solid #ccc;*/
      margin-top: 40px;
      border-radius: 10px;

}
.process-details .details-right .text-01{
	text-align: center;
}
.process-details.spec .details-left{
  width:100%;
}
.process-details.spec .details-right{
  display: none;
}
a {
  transition: 0s cubic-bezier(0.6, 0.2, 0.1, 1);
}

a:hover {
  transition: 0.8s cubic-bezier(0.6, 0.2, 0.1, 1);
}
.born-t03 .ul .li .images img{
  width: 100%;
}

.born-tbox5 .words .h01 {
  cursor: pointer;
}
/**/
.w1320{
	width: 1320px;
	margin:0 auto;
}
.fbf4ee{
	background:#faf3ed;
}
.fuyou {
    height: 380px;
    width: 580px;
    background-color: #dfd6c9;
    position: absolute;
    left: 50%;
    margin: -190px 0 0 -290px;
    top: 50%;
    position: fixed;
    z-index: 1000;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    -webkit-animation: ddddddd 1s 7s 1 forwards;
    -moz-animation: ddddddd 1s 7s 1 forwards;
    -ms-animation: ddddddd 1s 7s 1 forwards;
    -o-animation: ddddddd 1s 7s 1 forwards;
    animation: ddddddd 1s 7s 1 forwards;
    z-index: 9999;
    -webkit-transform: translate3d(0, -300%, 0) rotate(3deg);
    -ms-transform: translate3d(0, -300%, 0) rotate(3deg);
    -o-transform: translate3d(0, -300%, 0) rotate(3deg);
    -webkit-transform: translate3d(0, -300%, 0) rotate(3deg);
    transform: translate3d(0, -300%, 0) rotate(3deg);
}

    @-webkit-keyframes ddddddd {
        0% {
            -webkit-transform:translate3d(0, -300%, 0) ;
            -ms-transform:translate3d(0, -300%, 0) ;
            -o-transform:translate3d(0, -300%, 0) ;
            -webkit-transform:translate3d(0, -300%, 0) ;
            transform: translate3d(0, -300%, 0);
        }
        50%{
            -webkit-transform:rotate(3deg);
            -ms-transform:rotate(3deg);
            -o-transform:rotate(3deg);
            -webkit-transform:rotate(3deg);
            transform:rotate(3deg);
        }
        100% {
            -webkit-transform: none;
            -ms-transform: none;
            -o-transform: none;
            -webkit-transform: none;
            transform: none;
        }
    }
    @-webkit-keyframes ccc {
        0% {
            -webkit-transform:rotate(0deg);
            -ms-transform:rotate(0deg);
            -o-transform:rotate(0deg);
            -webkit-transform:rotate(0deg);
            transform:rotate(0deg);
        }
        40%{
            -webkit-transform:translate3d(0,0%, 0) rotate(-3deg);
            -ms-transform:translate3d(0,0%, 0) rotate(-3deg);
            -o-transform:translate3d(0,0%, 0) rotate(-3deg);
            -webkit-transform:translate3d(0, 0%, 0) rotate(-3deg);
            transform: translate3d(0,0%, 0) rotate(-3deg);
        }
        100% {
            -webkit-transform:translate3d(0,300%, 0) ;
            -ms-transform:translate3d(0,300%, 0) ;
            -o-transform:translate3d(0,300%, 0) ;
            -webkit-transform:translate3d(0, 300%, 0) ;
            transform: translate3d(0,300%, 0);
        }
    }
.fuyou.on {
    -webkit-animation: ccc 1.5s 0s 1 forwards;
    -moz-animation: ccc 1.5s 0s 1 forwards;
    -ms-animation: ccc 1.5s 0s 1 forwards;
    -o-animation: ccc 1.5s 0s 1 forwards;
    animation: ccc 1.5s 0s 1 forwards;
}
/**/
.process-details .details-left img{
	/*width: 100%;*/
}
.strategy .li .img img{
	width: 100%;
}
body {
  max-width: 1920px;
  min-width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}

.w1280 {
  width: 1280px;
  margin: 0 auto;
}

.w1160 {
  width: 1160px;
  margin: 0 auto;
}

input::-webkit-input-placeholder {
  color: #666;
}

input::-moz-input-placeholder {
  color: #666;
}

input::-ms-input-placeholder {
  color: #666;
}

textarea::-webkit-input-placeholder {
  color: #666;
}

textarea::-moz-input-placeholder {
  color: #666;
}

textarea::-ms-input-placeholder {
  color: #666;
}

/*img {
  max-width: 100%;
}*/

.bocweb-header .bocweb-top {
  font-size: 14px;
  color: #666666;
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #efe7df;
  box-sizing: border-box;
}
.bocweb-header .bocweb-top .top-left .text {
  margin-right: 30px;
}
.bocweb-header .bocweb-top .top-left .link {
  display: inline-block;
  width: 167px;
  height: 30px;
  border-radius: 30px;
  background: #f8f5f2;
  font-size: 15px;
  color: #bc9a7c;
  line-height: 30px;
  padding-left: 43px;
  box-sizing: border-box;
  position: relative;
  margin-top: 10px;
  transition: .5s;
}
.bocweb-header .bocweb-top .top-left .link:hover {
  transition: .5s;
  transform: translateY(-5px);
}
.bocweb-header .bocweb-top .top-left .link:after {
  content: "";
  position: absolute;
  height: 28px;
  width: 28px;
  background: url(img01.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img01.png*/ no-repeat center;
  background-size: 100%;
  left: 3px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.bocweb-header .bocweb-top .textli {
  border-left: 1px solid #efe7df;
  border-right: 1px solid #efe7df;
  padding: 0 20px;
  box-sizing: border-box;
  font-size: 18px;
  color: #bc9a7c;
  font-weight: bold;
  font-family: Arial;
}
.bocweb-header .bocweb-top .textli.active {
  background: #f8f5f2;
}
.bocweb-header .bocweb-top .textli span {
  font-size: 14px;
  color: #666666;
  font-weight: normal;
}
.bocweb-header .bocweb-center {
  height: 162px;
  padding: 40px 0;
  box-sizing: border-box;
}
.bocweb-header .bocweb-center .text-left .text {
  line-height: 1;
  padding-top: 5px;
  padding-left: 12px;
  box-sizing: border-box;
}
.bocweb-header .bocweb-center .text-left .text .p {
  font-size: 22px;
  color: #383839;
}
.bocweb-header .bocweb-center .text-left .text .b {
  color: #383839;
  font-size: 28px;
  letter-spacing: 7px;
  margin-top: 10px;
  font-weight: bold;
}
.bocweb-header .bocweb-center .text-right {
  padding-top: 22px;
  box-sizing: border-box;
}
.bocweb-header .bocweb-center .text-right .li {
  padding: 0 30px;
  padding-left: 70px;
  box-sizing: border-box;
  position: relative;
}
.bocweb-header .bocweb-center .text-right .li:after {
  position: absolute;
  content: "";
  height: 37px;
  border-right: 1px dashed #efe7df;
  right: 0;
  top: 0;
  bottom: 0;
  margin: 0 auto;
}
.bocweb-header .bocweb-center .text-right .li .img {
  position: absolute;
  width: 35px;
  height: 35px;
  left: 23px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.bocweb-header .bocweb-center .text-right .li .text {
  line-height: 1;
}
.bocweb-header .bocweb-center .text-right .li .text .h1 {
  font-size: 16px;
  color: #383839;
}
.bocweb-header .bocweb-center .text-right .li .text .h2 {
  font-size: 14px;
  color: #bc9a7c;
  margin-top: 8px;
  font-family: Arial;
}
.bocweb-header .bocweb-center .text-right .li .text .h3 {
  font-size: 24px;
  color: #bc9a7c;
  font-family: Arial;
  font-weight: bold;
  margin-top: 5px;
}
.bocweb-header .bocweb-center .text-right .li3:after {
  display: none;
}
.bocweb-header .bocweb-bot {
  height: 60px;
  background: #383839;
  position: relative;
  z-index: 2;
}
.bocweb-header .bocweb-bot .bocweb-nav .bocweb-subnav {
  display: block;
  float: left;
  font-size: 18px;
  font-family: "Microsoft YaHei";
  position: relative;
}
.bocweb-header .bocweb-bot .bocweb-nav .bocweb-subnav:last-child {
  width: 152px;
  text-align: center;
}
.bocweb-header .bocweb-bot .bocweb-nav .bocweb-subnav:hover .subnavtop, .bocweb-header .bocweb-bot .bocweb-nav .bocweb-subnav.active .subnavtop {
  background: #e63c2e;
}
.bocweb-header .bocweb-bot .bocweb-nav .bocweb-subnav .subnavtop {
  display: block;
  color: #ffffff;
  line-height: 60px;
  padding: 0 40px;
}
.bocweb-header .bocweb-bot .bocweb-nav .bocweb-subnav .subnavbot {
  display: none;
  position: absolute;
  width: 100%;
}
.bocweb-header .bocweb-bot .bocweb-nav .bocweb-subnav .subnavbot a {
  display: block;
  width: 100%;
  text-align: center;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.5);
  font-size: 13px;
}
.bocweb-header .bocweb-bot .bocweb-nav .bocweb-subnav .subnavbot a:hover, .bocweb-header .bocweb-bot .bocweb-nav .bocweb-subnav .subnavbot a.active {
  background: #e63c2e;
}

.bocweb-footer {
  background: #383839;
  height: 560px;
}
.bocweb-footer .bocweb-top {
  height: 75px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: 30px;
  box-sizing: border-box;
}
.bocweb-footer .bocweb-top .item {
  font-size: 16px;
  color: #c2c2c2;
  padding: 0 52px;
  line-height: 20px;
  display: block;
  float: left;
  box-sizing: border-box;
  position: relative;
}
.bocweb-footer .bocweb-top .item:hover {
  color: #ffffff;
}
.bocweb-footer .bocweb-top .item:after {
  position: absolute;
  width: 5px;
  height: 14px;
  content: "";
  background: url(img05.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img05.png*/ no-repeat center;
  background-size: 100%;
  top: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.bocweb-footer .bocweb-top .item:nth-last-child(2):after{
	right: -13px;
}
.bocweb-footer .bocweb-top .item:nth-child(1) {
  padding-left: 0;
}
.bocweb-footer .bocweb-top .item:last-child{
  padding-right: 0;
  float:right;
}
.bocweb-footer .bocweb-top .item:last-child:after {
  display: none;
}
.bocweb-footer .bocweb-center {
  height: 435px;
  padding-top: 76px;
  box-sizing: border-box;
}
.bocweb-footer .bocweb-center .fl-left {
  width: 420px;
}
.bocweb-footer .bocweb-center .fl-left .img {
  /*width: 185px;*/
  /*height: 85px;*/
  margin: 0 auto;
}
.bocweb-footer .bocweb-center .fl-left .ul {
  margin-top: 22px;
  font-size: 14px;
  color: #dddddd;
  text-align: center;
  line-height: 1;
}
.bocweb-footer .bocweb-center .fl-left .ul .li {
  margin: 0 10px;
}
.bocweb-footer .bocweb-center .fl-left .ul .li-img {
  width: 120px;
  height: 120px;
}
.bocweb-footer .bocweb-center .fl-left .ul .li-words {
  margin-top: 15px;
}
.bocweb-footer .bocweb-center .fl-center {
  font-size: 14px;
  color: #dddddd;
  padding-left: 55px;
  padding-top: 10px;
  box-sizing: border-box;
  width: 550px;
  line-height: 30px;
}
.bocweb-footer .bocweb-center .fl-center .flc-top {
  padding-left: 55px;
  box-sizing: border-box;
  position: relative;
}
.bocweb-footer .bocweb-center .fl-center .link {
  display: inline-block;
  margin-top: 25px;
  color: #bc9a7c;
  padding-bottom: 4px;
  position: relative;
  line-height: 1;
}
.bocweb-footer .bocweb-center .fl-center .link:hover {
  transform: translateY(-5px);
}
.bocweb-footer .bocweb-center .fl-center .link:after {
  position: absolute;
  content: "";
  height: 1px;
  background: #bc9a7c;
  width: 100%;
  bottom: 0;
  left: 0;
}
.bocweb-footer .bocweb-center .fl-center .flc-ul .li{
    font-size: 14px;
    display: block;
    color: #dddddd;
}
.bocweb-footer .bocweb-center .fl-center .top {
  margin-bottom: 20px;
}
.bocweb-footer .bocweb-center .fl-center .top .flc-ul .li {
  height: 30px;
  margin-bottom: 8px;
}
.bocweb-footer .bocweb-center .fl-center .top .flc-ul .li span {
  font-size: 28px;
}
.bocweb-footer .bocweb-center .fl-center .flc-top .flc-span {
  position: absolute;
  left: 0;
  top: 0;
  width: 45px;
  height: 45px;
  display: block;
  border-radius: 50%;
  background: #bc9a7c;
}
.bocweb-footer .bocweb-center .fl-right {
  width: 310px;
}
.bocweb-footer .bocweb-center .fl-right .tit {
  font-size: 24px;
  line-height: 1;
  color: #ffffff;
  padding-top: 10px;
  padding-bottom: 30px;
  box-sizing: border-box;
}
.bocweb-footer .bocweb-center .fl-right input {
  outline: none;
  border: none;
  background: none;
  font-size: 14px;
  color: #dddddd;
  width: 300px;
  background: #4c4c4d;
  margin: 0 auto;
  height: 45px;
}
.bocweb-footer .bocweb-center .fl-right input::-webkit-input-placeholder {
  color: #dddddd;
}
.bocweb-footer .bocweb-center .fl-right input::-moz-input-placeholder {
  color: #dddddd;
}
.bocweb-footer .bocweb-center .fl-right input::-ms-input-placeholder {
  color: #dddddd;
}
.bocweb-footer .bocweb-center .fl-right input[type=text] {
  padding-left: 15px;
  box-sizing: border-box;
  margin-bottom: 15px;
}
.bocweb-footer .bocweb-center .fl-right input[type=submit] {
  font-size: 16px;
  color: #fefefe;
  background: #bc9a7c;
  margin-top: 5px;
}
.bocweb-footer .bocweb-bot {
  height: 50px;
  background: #303031;
  line-height: 50px;
  font-size: 14px;
  color: #575757;
}
.bocweb-footer .bocweb-bot a {
  color: #575757;
}
.bocweb-footer .bocweb-bot a:hover {
  color: #ffffff;
}

.wel-banner {
  height: 566px;
}
.wel-banner .images {
  height: 566px;
}
.wel-banner .images a {
  display: block;
  width: 100%;
  height: 100%;
}
.wel-banner .flex-control-paging {
  bottom: 25px;
}
.wel-banner .flex-control-paging li a {
  background: #bc9a7c;
  width: 12px;
  height: 12px;
}
.wel-banner .flex-control-paging li a.flex-active {
  background: #e63c2e;
  width: 12px;
  height: 12px;
  border: none;
}

.wel-text {
  height: 120px;
  background: #f8f5f2;
}
.wel-text .ul {
  height: 100%;
}
.wel-text .ul .li-item {
  float: left;
  width: 25%;
  position: relative;
  padding-left: 115px;
  padding-top: 42px;
  border-left: 1px solid #eae1d8;
  box-sizing: border-box;
  height: 100%;
  display: block;
  position: relative;
}
.wel-text .ul .li-item:after {
  content: "";
  width: 110%;
  height: 110%;
  top: -5%;
  left: -5%;
  background: #ffffff;
  position: absolute;
  border-radius: 5px;
  border: 1px solid #ebe7e4;
  opacity: 0;
  transition: .5s;
  z-index: 1;
  box-shadow: 0 0 20px 5px rgba(127, 127, 127, 0.2);
}
.wel-text .ul .li-item:hover:after {
  transition: .5s;
  opacity: 1;
}
.wel-text .ul .li-item:nth-child(1) {
  border-left-color: transparent;
}
.wel-text .ul .li-item .item-img {
  position: absolute;
  width: 70px;
  height: 70px;
  top: 0;
  bottom: 0;
  left: 40px;
  margin: auto;
  z-index: 2;
}
.wel-text .ul .li-item .item-words {
  line-height: 1;
  position: relative;
  z-index: 2;
}
.wel-text .ul .li-item .item-words .h1 {
  font-size: 18px;
  color: #383839;
  font-weight: bold;
}
.wel-text .ul .li-item .item-words .h2 {
  color: #c7b5a5;
  font-size: 14px;
  margin-top: 8px;
}

.wel-title {
  text-align: center;
  line-height: 1;
}
.wel-title .text {
  font-size: 32px;
  color: #383839;
}
.wel-title .text span {
  font-size: 38px;
  color: #bc9a7c;
  font-family: "geo";
  margin-left: 10px;
  position: relative;
  top: 3px;
  text-transform: uppercase;
}
.wel-title .text-h1 {
  color: #666666;
  font-size: 16px;
  margin-top: 16px;
}
.wel-title .text-h2 {
  font-size: 32px;
}
.wel-title .text-h2 span {
  font-size: 30px;
  font-weight: bold;
  height: 38px;
  line-height: 38px;
  color: #ffffff;
  background: #bc9a7c;
  display: inline-block;
  padding: 0 10px;
  padding-bottom: 3px;
  border-radius: 5px;
  margin-left: 10px;
}
.wel-title .text-h2.cur {
  color: #ffffff;
}
.wel-title .text-h2.cur span {
  background: #e63c2e;
}
.wel-title .text-h3 {
  text-transform: uppercase;
  font-size: 14px;
  color: #bc9a7c;
  font-family: Arial;
  margin-top: 12px;
  margin-bottom: 14px;
  letter-spacing: 4px;
}
.wel-title .text-h4 {
  font-size: 16px;
  color: #666666;
}
.wel-title .text-h5 {
  font-size: 32px;
  color: #333333;
}
.wel-title .text-h6 {
  font-size: 38px;
  color: #bc9a7c;
  text-transform: uppercase;
  margin-top: 18px;
}
.wel-title .text-h7 {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 14px;
  font-family: Arial;
  letter-spacing: 2.5px;
  margin-top: 15px;
}
.wel-title .text-hn {
  font-size: 24px;
  font-weight: bold;
  color: #bc9a7c;
  margin-bottom: 15px;
}

.link-box {
  width: 540px;
  margin: 0 auto;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0 0 3px 5px rgba(0, 0, 0, 0.05);
  transition: .5s;
}
.link-box:hover {
  transform: translateY(-10px) !important;
  transition: .5s;
}
.link-box .link-li {
  width: 270px;
  display: block;
  color: #ffffff;
  height: 65px;
  line-height: 1;
}
.link-box .left {
  background: #c6a384;
  text-align: center;
  padding-top: 10px;
  box-sizing: border-box;
}
.link-box .left .text01 {
  font-size: 16px;
}
.link-box .left .text02 {
  font-size: 22px;
  font-weight: bold;
  margin-top: 8px;
  font-family: Arial;
}
.link-box .rightspan {
  font-size: 18px;
  color: #bc9a7c;
  line-height: 65px;
  padding-left: 120px;
  background: #ffffff;
  box-sizing: border-box;
  position: relative;
}
.link-box .rightspan span {
  position: absolute;
  left: 75px;
  display: block;
  width: 35px;
  height: 35px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.link-box .rightspan span img {
  display: block;
}
.link-box .right {
  background: #383839;
  padding-top: 10px;
  padding-left: 80px;
  box-sizing: border-box;
  position: relative;
}
.link-box .right:after {
  position: absolute;
  height: 42px;
  width: 42px;
  content: "";
  left: 32px;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(img15.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img15.png*/ no-repeat center;
  background-size: 100%;
}
.link-box .right .text01 {
  font-size: 16px;
}
.link-box .right .text02 {
  font-size: 26px;
  font-weight: bold;
  margin-top: 7px;
  font-family: Arial;
}

.conbanner {
  height: 638px;
}

.img-box {
  position: relative;
}
.img-box img {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: .5s;
}
.img-box .i0 {
  opacity: 1;
}

.wel-advantage {
  padding-top: 80px;
  padding-bottom: 78px;
  box-sizing: border-box;
}
.wel-advantage .advantage-ul {
  margin-top: 48px;
}
.wel-advantage .advantage-ul .li {
  float: left;
  width: 300px;
  display: block;
  margin-left: 26.66px;
}
.wel-advantage .advantage-ul .li:nth-child(1) {
  margin-left: 0;
}
.wel-advantage .advantage-ul .li:hover .img img {
  transition: .5s;
  transform: scale3d(1.06, 1.06, 1);
}
.wel-advantage .advantage-ul .li .img {
  width: 300px;
  height: 230px;
  overflow: hidden;
}
.wel-advantage .advantage-ul .li .img img {
  transition: .5s;
}
.wel-advantage .advantage-ul .li .words {
  text-align: center;
  height: 270px;
  background: #f3eeea;
  padding: 20px 25px;
  padding-top: 25px;
  box-sizing: border-box;
}
.wel-advantage .advantage-ul .li .words .h1 {
  font-size: 24px;
  color: #383838;
  line-height: 1;
}
.wel-advantage .advantage-ul .li .words .h2 {
  line-height: 1;
  font-size: 16px;
  color: #bc9a7c;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 20px;
}
.wel-advantage .advantage-ul .li .words .h3 {
  font-size: 14px;
  color: #626262;
  line-height: 24px;
  height: 96px;
  overflow: hidden;
  text-align: left;
}
.wel-advantage .advantage-ul .li .words .span {
  width: 100%;
  border-bottom: 1px solid #e8ddd4;
  padding-top: 40px;
  box-sizing: border-box;
  position: relative;
}
.wel-advantage .advantage-ul .li .words .span:after {
  position: absolute;
  content: "";
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background: url(img12.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img12.png*/ #bc9a7c no-repeat center;
  background-size: 100%;
  top: 20px;
  left: 0;
  right: 0;
  margin: auto;
}

.wel-advantage02 .advantage02-box {
  margin-top: 48px;
  height: 968px;
}
.wel-advantage02 .advantage02-box .ul {
  margin-bottom: 16px;
}
.wel-advantage02 .advantage02-box .advantage02-ul {
  height: 100%;
}
.wel-advantage02 .advantage02-box .advantage02-ul .w1160 {
  height: 100%;
}
.wel-advantage02 .advantage02-box .advantage02-ul .li {
  width: 50%;
  height: 100%;
  padding-top: 65px;
  box-sizing: border-box;
}
.wel-advantage02 .advantage02-box .advantage02-ul .li:nth-child(2) .libot {
  color: #666666;
  border-left: 1px solid #f6e8db;
}
.wel-advantage02 .advantage02-box .advantage02-ul .li:nth-child(1) .libot {
  border-right: none;
}
.wel-advantage02 .advantage02-box .advantage02-ul .li .litop {
  width: 340px;
  height: 80px;
  margin: 0 auto;
  background: url(img13.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img13.png*/ no-repeat center;
  background-size: 100%;
  color: #ffffff;
  font-size: 24px;
  line-height: 1;
  text-align: center;
  padding-top: 10px;
  box-sizing: border-box;
}
.wel-advantage02 .advantage02-box .advantage02-ul .li .libot {
  font-size: 16px;
  color: #bc9a7c;
  line-height: 47px;
  text-align: center;
  border: 1px dashed #e1c1a5;
  box-sizing: border-box;
  margin-top: 15px;
}
.wel-advantage02 .advantage02-box .advantage02-ul .li .libot .text01 {
  font-size: 36px;
  line-height: 1;
  padding-top: 22px;
  height: 77px;
  color: #bc9a7c;
  font-family: "geo";
  text-transform: uppercase;
  box-sizing: border-box;
  position: relative;
}
.wel-advantage02 .advantage02-box .advantage02-ul .li .libot .text01:after {
  width: 14px;
  height: 7px;
  content: "";
  background: url(img14.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img14.png*/ no-repeat center;
  background-size: 100%;
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  margin: auto;
}
.wel-advantage02 .advantage02-box .advantage02-ul .li .libot .text02 p {
  height: 45px;
  line-height: 45px;
}
.wel-advantage02 .advantage02-box .advantage02-ul .li .libot .text02 p:nth-child(2n+1) {
  background: #f9f6f4;
}

.wel-bban {
  height: 200px;
}

.process-fis {
  height: 110px;
}

.wel-package .package-box .li .wen .h03 {
  transition: .5s;
}

.wel-package .package-box .li:hover .wen .h03 {
  background: #bc9a7c;
  color: #ffffff;
  transition: .5s;
}

.process-tit {
  height: 110px;
  background: #ffffff;
}
.process-tit.fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 9;
}
.process-tit.x7 .tit .li {
  width: 14.2857142857%;
}
.process-tit.x4 .tit .li {
  width: 25%;
}
.process-tit.x3 .tit .li {
  width: 33.3333333333%;
}
.process-tit .tit {
  height: 100%;
}
.process-tit .tit .li {
  width: 12.5%;
  border-left: 1px solid #ededed;
  box-sizing: border-box;
  height: 100%;
  float: left;
  position: relative;
}
.process-tit .tit .li:nth-child(1) {
  border-left-color: transparent;
}
.process-tit .tit .li:after {
  width: 102%;
  height: 110%;
  content: "";
  position: absolute;
  left: -1%;
  top: -5%;
  background: #b89679;
  opacity: 0;
  transition: .5s;
  z-index: 1;
  box-shadow: 0 0 8px 2px rgba(180, 147, 119, 0.2);
}
.process-tit .tit .li:hover .wen, .process-tit .tit .li.active .wen {
  color: #ffffff;
  transition: .5s;
}
.process-tit .tit .li:hover:after, .process-tit .tit .li.active:after {
  opacity: 1;
  transition: .5s;
}
.process-tit .tit .li:hover .img, .process-tit .tit .li.active .img {
  border-color: #ffffff;
  background: #ffffff;
  transition: .5s;
}
.process-tit .tit .li:hover .box, .process-tit .tit .li.active .box {
  background: url(img16.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img16.png*/ no-repeat center;
  background-size: 100%;
}
.process-tit .tit .li .img {
  width: 50px;
  height: 50px;
  margin: 0 auto;
  border: 1px solid #c3a58a;
  border-radius: 50%;
  transition: .5s;
  line-height: 50px;
  text-align: center;
  font-size: 24px;
  color: #bc9a7c;
  font-family: "beba";
}
.process-tit .tit .li .wen {
  color: #666666;
  line-height: 1;
  text-align: center;
  font-size: 16px;
  margin-top: 10px;
  transition: .5s;
}
.process-tit .tit .li .box {
  width: 116px;
  height: 100%;
  margin: 0 auto;
  padding-top: 15px;
  box-sizing: border-box;
  position: relative;
  z-index: 2;
}

.process-ul {
  padding-top: 90px;
  background: #f5f5f5;
  padding-bottom: 55px;
  box-sizing: border-box;
}
.process-ul .process-li {
  height: 385px;
  display: block;
  margin-bottom: 45px;
}
.process-ul .process-li:nth-child(2n+1) .img:after {
  right: 0;
}
.process-ul .process-li:nth-child(2n+1) .words:after {
  right: 0;
}
.process-ul .process-li:nth-child(2n+2) .img:after {
  left: 0;
}
.process-ul .process-li:nth-child(2n+2) .words {
  overflow: hidden;
}
.process-ul .process-li:nth-child(2n+2) .words .box {
  float: right;
}
.process-ul .process-li:nth-child(2n+2) .words:after {
  left: 0;
}
.process-ul .process-li:hover .img img, .process-ul .process-li.active .img img {
  transition: .5s;
  transform: scale3d(1.06, 1.06, 1);
}
.process-ul .process-li:hover .img:after, .process-ul .process-li.active .img:after {
  background: #e63c2e;
  transition: .5s;
}
.process-ul .process-li:hover .words:after, .process-ul .process-li.active .words:after {
  background: #e63c2e;
  transition: .5s;
}
.process-ul .process-li:hover .words .top .span, .process-ul .process-li.active .words .top .span {
  background: url(img205.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img205.png*/ no-repeat center;
  background-size: 100%;
  color: #e63c2e;
  transition: .5s;
}
.process-ul .process-li:hover .words .top:after, .process-ul .process-li.active .words .top:after {
  background: url(img206.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img206.png*/ no-repeat center;
  background-size: 100%;
  transition: .5s;
}
.process-ul .process-li .img {
  width: 670px;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.process-ul .process-li .img img {
  transition: .5s;
}
.process-ul .process-li .img:after {
  content: "";
  position: absolute;
  height: 135px;
  width: 15px;
  background: #e7e7e7;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: .5s;
}
.process-ul .process-li .words {
  width: 610px;
  height: 100%;
  font-size: 14px;
  color: #999999;
  line-height: 24px;
  position: relative;
}
.process-ul .process-li .words:after {
  content: "";
  position: absolute;
  height: 135px;
  width: 15px;
  background: #e7e7e7;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: .5s;
}
.process-ul .process-li .words .top {
  padding-left: 125px;
  padding-top: 35px;
  box-sizing: border-box;
  position: relative;
  height: 110px;
  margin-bottom: 40px;
  position: relative;
}
.process-ul .process-li .words .top:after {
  position: absolute;
  content: "";
  height: 40px;
  width: 40px;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(img26.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img26.png*/ no-repeat center;
  background-size: 100%;
  transition: .5s;
}
.process-ul .process-li .words .top .span {
  width: 110px;
  height: 110px;
  background: url(img25.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img25.png*/ no-repeat center;
  background-size: 100%;
  font-size: 40px;
  font-weight: bolder;
  text-align: center;
  line-height: 110px;
  font-family: Arial;
  color: #b89679;
  position: absolute;
  left: 0;
  top: 0;
  transition: .5s;
}
.process-ul .process-li .words .top .h1 {
  color: #333333;
  font-size: 28px;
  font-weight: bold;
  line-height: 1;
}
.process-ul .process-li .words .top .h2 {
  font-size: 14px;
  color: #bc9a7c;
  line-height: 1;
  margin-top: 8px;
}
.process-ul .process-li .words .box {
  width: 595px;
  height: 100%;
  background: #ffffff;
  padding: 75px 65px;
  box-sizing: border-box;
}
.process-ul .process-li .words .bot {
  height: 96px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}

.process-way {
  padding-top: 100px;
  padding-bottom: 50px;
  box-sizing: border-box;
}
.process-way .way-ul {
  margin-top: 55px;
}
.process-way .way-ul .owl-prev {
  width: 65px;
  height: 65px;
  background: url(img27.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img27.png*/ #9b9b9c no-repeat center;
  background-size: 100%;
  position: absolute;
  left: -175px;
  top: 0;
  bottom: 0;
  margin: auto;
  text-indent: -999px;
  overflow: hidden;
  border-radius: 50%;
}
.process-way .way-ul .owl-prev:hover {
  background: url(img27.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img27.png*/ #bc9a7c no-repeat center;
  background-size: 100%;
}
.process-way .way-ul .owl-prev.disabled:hover {
  background: url(img27.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img27.png*/ #9b9b9c no-repeat center;
  background-size: 100%;
}
.process-way .way-ul .owl-next {
  width: 65px;
  height: 65px;
  background: url(img28.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img28.png*/ #9b9b9c no-repeat center;
  background-size: 100%;
  position: absolute;
  right: -175px;
  top: 0;
  border-radius: 50%;
  bottom: 0;
  margin: auto;
  text-indent: -999px;
  overflow: hidden;
}
.process-way .way-ul .owl-next:hover {
  background: url(img28.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img28.png*/ #bc9a7c no-repeat center;
  background-size: 100%;
}
.process-way .way-ul .owl-next.disabled:hover {
  background: url(img28.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img28.png*/ #9b9b9c no-repeat center;
  background-size: 100%;
}
.process-way .way-ul .owl-item {
  padding: 5px;
  box-sizing: border-box;
}
.process-way .way-ul .li {
  width: 305px;
  transition: .5s;
}
.process-way .way-ul .li:hover {
  box-shadow: 0 0 8px 2px rgba(180, 147, 119, 0.2);
}
.process-way .way-ul .li:hover .img img {
  transition: .5s;
  transform: scale3d(1.06, 1.06, 1);
}
.process-way .way-ul .li:hover .words {
  background: #ffffff;
  transition: .5s;
}
.process-way .way-ul .li:hover .words .link {
  background: #bc9a7c;
  color: #ffffff;
  transition: .5s;
}
.process-way .way-ul .img {
  width: 100%;
  height: 295px;
  overflow: hidden;
}
.process-way .way-ul .img img {
  transition: .5s;
}
.process-way .way-ul .words {
  height: 293px;
  background: #f7f7f7;
  text-align: center;
  padding: 58px 28px;
  box-sizing: border-box;
  transition: .5s;
}
.process-way .way-ul .words .h1 {
  color: #333333;
  font-size: 22px;
  line-height: 25px;
  height: 25px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.process-way .way-ul .words .h2 {
  color: #666666;
  font-size: 14px;
  line-height: 24px;
  margin-top: 15px;
  height: 72px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.process-way .way-ul .words .link {
  display: block;
  height: 40px;
  width: 140px;
  margin: 0 auto;
  border: 1px solid #bc9a7c;
  text-align: center;
  line-height: 40px;
  color: #bc9a7c;
  font-size: 14px;
  border-radius: 5px;
  margin-top: 20px;
  transition: .5s;
}

.process-way02 {
  height: 520px;
  padding-top: 100px;
  box-sizing: border-box;
}
.process-way02 .way02 {
  font-size: 14px;
  color: #666666;
}
.process-way02 .way02 .li {
  background: #ffffff;
  width: 415px;
  height: 270px;
  padding: 50px 40px;
  box-sizing: border-box;
  display: block;
  color: #666666;
  position: relative;
}
.process-way02 .way02 .li:hover .h1 {
  color: #bc9a7c;
  transition: .5s;
}
.process-way02 .way02 .li .span {
  position: absolute;
  width: 65px;
  height: 65px;
  bottom: 30px;
  right: 35px;
}
.process-way02 .way02 .li .h1 {
  font-size: 18px;
  color: #333333;
  font-weight: bold;
  line-height: 28px;
  height: 28px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  transition: .5s;
}
.process-way02 .way02 .li .h2 {
  line-height: 24px;
  height: 96px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  margin-top: 12px;
}
.process-way02 .way02 .li .link {
  color: #bc9a7c;
  line-height: 1;
  margin-top: 18px;
  font-size: 14px;
}
.process-way02 .owl-pagination {
  text-align: center;
}
.process-way02 .owl-pagination .owl-page {
  width: 12px;
  height: 12px;
  background: #bc9a7c;
  border-radius: 50%;
  display: inline-block;
  margin: 0 9px;
  margin-top: 42px;
}
.process-way02 .owl-pagination .owl-page.active {
  background: #e63c2e;
}

.process-guarantee {
  height: 720px;
  position: relative;
  padding-top: 90px;
  box-sizing: border-box;
}
.process-guarantee:after {
  position: absolute;
  content: "";
  height: 100%;
  top: 0;
  width: 100%;
  background: rgba(188, 154, 124, 0.7);
}
.process-guarantee .w1280 {
  position: relative;
  z-index: 2;
}
.process-guarantee .w1280 .guarantee-ul {
  margin-top: 55px;
}

.guarantee .guarantee-ul .li {
  width: 410px;
  height: 190px;
  float: left;
  display: block;
  background: #ffffff;
  text-align: center;
  line-height: 1;
  padding: 28px 0;
  box-sizing: border-box;
  transition: .5s;
  cursor: pointer;
  margin-left: 25px;
  margin-bottom: 25px;
}
.guarantee .guarantee-ul .li:nth-child(3n+1) {
  margin-left: 0;
}
.guarantee .guarantee-ul .li:hover {
  transition: .5s;
  background: #e63c2e;
}
.guarantee .guarantee-ul .li:hover .h1 {
  color: #ffffff;
  transition: .5s;
}
.guarantee .guarantee-ul .li:hover .h2 {
  color: #ffffff;
  transition: .5s;
}
.guarantee .guarantee-ul .li:hover .img img {
  transition: .5s;
}
.guarantee .guarantee-ul .li:hover .img .i1 {
  opacity: 1;
}
.guarantee .guarantee-ul .li:hover .img .i0 {
  opacity: 0;
}
.guarantee .guarantee-ul .li .img {
  width: 60px;
  height: 60px;
  margin: 0 auto;
}
.guarantee .guarantee-ul .li .h1 {
  font-size: 24px;
  color: #333333;
  margin-top: 18px;
  margin-bottom: 13px;
  height: 24px;
  line-height: 24px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.guarantee .guarantee-ul .li .h2 {
  font-size: 16px;
  color: #666666;
  line-height: 16px;
  height: 16px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.details {
  overflow: hidden;
}

.process-details {
  padding-top: 20px;
  padding-bottom: 100px;
  box-sizing: border-box;
  background: #f5f5f5;
}
.process-details .details-left {
  width: 850px;
  background: #ffffff;
  padding: 50px;
  padding-top: 70px;
  box-sizing: border-box;
}
.process-details .details-left .title {
  text-align: center;
}
.process-details .details-left .title .h1 {
  font-size: 24px;
  color: #333333;
  line-height: 1;
  font-weight: bold;
}
.process-details .details-left .title .h2 {
  font-size: 14px;
  color: #bc9a7c;
  line-height: 1;
  margin-top: 18px;
}
.process-details .details-left .title .h3 {
  color: #666666;
  font-size: 14px;
  line-height: 24px;
  margin-top: 40px;
  margin-bottom: 25px;
  text-align: left;
}
.process-details .details-left .detailsbot .back {
  display: block;
  width: 160px;
  height: 42px;
  margin: 0 auto;
  text-align: center;
  line-height: 42px;
  background: #bc9a7c;
  color: #ffffff;
  font-size: 14px;
  transition: .5s;
  float: left;
  margin: 55px;
}
.process-details .details-left .detailsbot .back:hover {
  transition: .5s;
  transform: translateY(-5px);
}
.process-details .details-left .detailsbot .p-details {
  padding-top: 25px;
  border-top: 1px solid #e8e8e8;
  box-sizing: border-box;
  margin-top: 55px;
}
.process-details .details-left .detailsbot .p-details a {
  display: block;
  font-size: 14px;
  color: #999999;
  line-height: 30px;
}
.process-details .details-left .detailsbot .p-details a:hover {
  color: #bc9a7c;
}
.process-details .details-left .detailsbot .p-details .bdsharebuttonbox .bdfx {
  width: auto;
  color: #666666;
  font-size: 14px;
  background-image: none;
  line-height: 18px;
}
.process-details .details-left .detailsbot .p-details .bdsharebuttonbox a {
  padding: 0;
  margin: 0;
  display: inline-block;
  float: none;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  margin: 0 6px;
}
.process-details .details-left .detailsbot .p-details .bdsharebuttonbox .bds_sqq {
  background: url(img44.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img44.png*/ no-repeat center;
  background-size: 100%;
}
.process-details .details-left .detailsbot .p-details .bdsharebuttonbox .bds_sqq:hover {
  background: url(img45.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img45.png*/ no-repeat center;
  background-size: 100%;
}
.process-details .details-left .detailsbot .p-details .bdsharebuttonbox .bds_tsina {
  background: url(img48.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img48.png*/ no-repeat center;
  background-size: 100%;
}
.process-details .details-left .detailsbot .p-details .bdsharebuttonbox .bds_tsina:hover {
  background: url(img49.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img49.png*/ no-repeat center;
  background-size: 100%;
}
.process-details .details-left .detailsbot .p-details .bdsharebuttonbox .bds_weixin {
  background: url(img46.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img46.png*/ no-repeat center;
  background-size: 100%;
}
.process-details .details-left .detailsbot .p-details .bdsharebuttonbox .bds_weixin:hover {
  background: url(img47.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img47.png*/ no-repeat center;
  background-size: 100%;
}
.process-details .details-left .detailscenter {
  font-size: 16px;
  color: #666666;
}
.process-details .details-left .detailscenter .strateg {
  line-height: 32px;
  margin-top: 40px;
  margin-bottom: 50px;
}
.process-details .details-left .detailscenter .de-ul .li {
  float: left;
  width: 430px;
  margin-left: 20px;
  margin-bottom: 26px;
}
.process-details .details-left .detailscenter .de-ul .li:nth-child(2n+1) {
  margin-left: 0;
}
.process-details .details-left .detailscenter .de-ul .li:hover img {
  transition: .5s;
  transform: scale3d(1.06, 1.06, 1);
}
.process-details .details-left .detailscenter .de-ul .li .img {
  height: 272px;
  overflow: hidden;
}
.process-details .details-left .detailscenter .de-ul .li .img img {
  transition: .5s;
}
.process-details .details-left .detailscenter .de-ul .li .wen {
  font-size: 14px;
  line-height: 24px;
  color: #666666;
}
.process-details .details-left .detailscenter .de-ul .li .wen .h1 {
  font-size: 18px;
  color: #666666;
  line-height: 1;
  font-weight: bold;
  margin-top: 25px;
  margin-bottom: 10px;
}
.process-details .details-left .detailscenter .de-ul .li .wen .h2 {
  height: 96px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
.process-details .details-right {
  width: 265px;
}
.process-details .details-right .text-01 {
  color: #ffffff;
  font-weight: bold;
  font-size: 18px;
  line-height: 1;
}
.process-details .details-right .top {
  background: url(img30.jpg)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img30.jpg*/ repeat center;
  padding: 25px 28px;
  padding-bottom: 15px;
  box-sizing: border-box;
}
.process-details .details-right .bot {
  background: #bc9a7c;
  padding: 28px 23px;
}
.process-details .details-right .link {
  display: block;
  height: 58px;
  border-radius: 5px;
  background: #e63c2e;
  color: #ffffff;
  font-size: 16px;
  padding-left: 98px;
  box-sizing: border-box;
  line-height: 58px;
  transition: .5s;
  position: relative;
  margin-top: 38px;
  margin-bottom: 4px;
}
.process-details .details-right .link:after {
  position: absolute;
  height: 50px;
  width: 50px;
  background: url(img50.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img50.png*/ no-repeat center;
  content: "";
  top: 0;
  bottom: 0;
  left: 40px;
  margin: auto;
}
.process-details .details-right .link:hover {
  transition: .5s;
  transform: translateY(-5px);
}
.process-details .details-right .input-box {
  padding-top: 20px;
}
.process-details .details-right .input-box input {
  outline: none;
  border: none;
  background: none;
  font-size: 14px;
  color: #dddddd;
  width: 100%;
  height: 37px;
}
.process-details .details-right .input-box .input {
  margin-bottom: 18px;
  line-height: 1;
}
.process-details .details-right .input-box span {
  color: #f4e2d3;
  font-size: 14px;
  display: block;
  padding-bottom: 7px;
  box-sizing: border-box;
}
.process-details .details-right .input-box input[type=text] {
  padding-left: 15px;
  border: 1px solid #d8bca3;
  box-sizing: border-box;
}
.process-details .details-right .input-box input[type=submit] {
  font-size: 16px;
  color: #bc9a7c;
  background: #ffffff;
  margin-top: 12px;
  transition: .5s;
}
.process-details .details-right .input-box input[type=submit]:hover {
  transition: .5s;
  transform: translateY(-5px);
}
.process-details .details-right .text-ul .li {
  display: block;
  color: #adadad;
  font-size: 14px;
  line-height: 20px;
  border-top: 1px dashed  #5c5d5f;
  padding: 12px 0;
  box-sizing: border-box;
}
.process-details .details-right .text-ul .li:nth-child(1) {
  border-top-color: transparent;
  margin-top: 15px;
}
.process-details .details-right .text-ul .li:hover {
  color: #ffffff;
}
.process-details .details-right .botline {
  border-top: 1px solid rgba(255, 255, 255, 0.13);
  background: #bc9a7c;
  padding: 24px 23px;
}
.process-details .details-right .botline .phone {
  font-size: 24px;
  color: #ffffff;
  padding-left: 54px;
  box-sizing: border-box;
  height: 48px;
  line-height: 48px;
  position: relative;
  margin-top: 17px;
}
.process-details .details-right .botline .phone:after {
  position: absolute;
  content: "";
  width: 48px;
  height: 48px;
  background: url(img51.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img51.png*/ no-repeat center;
  background-size: 100%;
  left: 0;
  top: 0;
}
.process-details .details-right .botline .wenxin {
  text-align: center;
  font-size: 14px;
  color: #ece0d6;
  line-height: 1;
  margin-top: 32px;
}
.process-details .details-right .botline .wenxin .img {
  width: 120px;
  height: 120px;
  overflow: hidden;
  margin: 0  auto;
  margin-bottom: 10px;
}

.strategy {
  background: #f5f5f5;
  padding-top: 90px;
  padding-bottom: 100px;
  box-sizing: border-box;
}
.strategy .li {
  float: left;
  width: 412px;
  margin-left: 22px;
  background: #ffffff;
  margin-bottom: 42px;
}
.strategy .li:nth-child(3n+1) {
  margin-left: 0;
}
.strategy .li:hover .wen .hbot .fl {
  color: #bc9a7c;
}
.strategy .li:hover .wen .hbot .fr {
  color: #bc9a7c;
}
.strategy .li .img {
  height: 250px;
  overflow: hidden;
}
.strategy .li .img img {
  transition: .5s;
}
.strategy .li .wen {
  padding: 30px 28px;
  padding-top: 40px;
  box-sizing: border-box;
  font-size: 14px;
  color: #666666;
  line-height: 24px;
  height: 250px;
}
.strategy .li .wen .h1 {
  font-size: 20px;
  line-height: 22px;
  height: 22px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  color: #333333;
}
.strategy .li .wen .h2 {
  height: 48px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-top: 15px;
}
.strategy .li .wen .hbot {
  border-top: 1px solid #f1f1f1;
  padding-top: 28px;
  box-sizing: border-box;
  margin-top: 52px;
}
.strategy .li .wen .hbot .fl {
  font-weight: bold;
  width: 50%;
  font-size: 16px;
  color: #777777;
  font-family: Arial;
}
.strategy .li .wen .hbot .fr {
  color: #999;
  font-size: 14px;
  width: 50%;
  text-align: right;
}
.strategy .li:hover .img img {
  transition: .5s;
  transform: scale3d(1.06, 1.06, 1);
}
.strategy .caseul {
  padding-bottom: 20px;
  box-sizing: border-box;
}
.strategy .caseul .item {
  background: #ffffff;
  display: block;
  margin-bottom: 20px;
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.05);
  padding: 20px 18px;
  padding-right: 45px;
  box-sizing: border-box;
}
.strategy .caseul .item:hover .img img {
  transition: .5s;
  transform: scale3d(1.1, 1.1, 1);
}
.strategy .caseul .item:hover .wen .h1 {
  color: #bc9a7c;
  
  transition: .5s;
}
.strategy .caseul .item:hover .hbot .fl {
  color: #e63c2e;
  transition: .5s;
}
.strategy .caseul .img {
  width: 360px;
  height: 225px;
  overflow: hidden;
}
.strategy .caseul .img img {
  transition: .5s;
}
.strategy .caseul .wen {
  width: 815px;
  font-size: 14px;
  color: #666666;
  line-height: 24px;
  padding-top: 40px;
  box-sizing: border-box;
}
.strategy .caseul .wen .h1 {
  font-size: 20px;
  color: #333333;
  transition: .5s;
}
.strategy .caseul .wen .h2 {
  margin-top: 12px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  height: 48px;
  margin-bottom: 45px;
}
.strategy .caseul .hbot .fl {
  width: 50%;
  color: #999999;
  height: 20px;
  line-height: 20px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  transition: .5s;
}
.strategy .caseul .hbot .fr {
  text-align: right;
  font-size: 16px;
  color: #777777;
  line-height: 20px;
  height: 20px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.page {
  margin-top: 35px;
}

.pagination {
  text-align: center;

}
.pagination a {
  display: inline-block;
  width: 33px;
  height: 28px;
  text-align: center;
  line-height: 30px;
  font-size: 16px;
  color: white;
  font-family: Arial;
  border-radius:10%;
  background: #CB9861;
  vertical-align: middle;
  margin: 0 4px;
  border: solid 1px #CB9861;
}
.pagination a.active, .pagination a:hover {
    color: #9b9b9c;
    background:white;
    border: solid 1px #CB9861;
}
.pagination a.prev {
  background: #CB9861;
  /*background: url(img27.png)!*tpa=http://www.archsign.cn/web/bocweb/web/img/img27.png*! #9b9b9c no-repeat center;*/
  background-size: 100%;
}
.pagination a.prev:hover {
    background: white;
  background-size: 100%;
}
.pagination a.next {
    background: #CB9861;
  /*background: url(img28.png)!*tpa=http://www.archsign.cn/web/bocweb/web/img/img28.png*! #9b9b9c no-repeat center;*/
  background-size: 100%;
}
.pagination a.next:hover {
    background: white;
  /*background: url(img28.png)!*tpa=http://www.archsign.cn/web/bocweb/web/img/img28.png*! #e63c2e no-repeat center;*/
  background-size: 100%;
}
.current{
    display: inline-block;
    width: 33px;
    height: 28px;
    text-align: center;
    line-height: 29px;
    font-size: 16px;
    color: #9b9b9c;
    font-family: Arial;
    border-radius: 10%;
    background: white;
    vertical-align: middle;
    margin: 0 4px;
    border: solid 1px #CB9861;
}

.roomintro {
  margin-top: 40px;
  padding-bottom: 80px;
  box-sizing: border-box;
}
.roomintro .top-tit {
  text-align: center;
  font-size: 24px;
  color: #bc9a7c;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 20px;
}
.roomintro .top-p {
  text-align: left;
  padding: 0 20px;
  line-height: 26px;
  margin-bottom: 30px;
}
.roomintro .video-box {
  position: relative;
  cursor: pointer;
  margin-bottom: 50px;
}
.roomintro .video-box:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: url(img52.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img52.png*/ rgba(0, 0, 0, 0.5) no-repeat center;
}
.roomintro .top-ul {
  padding-bottom: 10px;
  border-bottom: 1px solid #e1e1e1;
  margin-bottom: 50px;
  box-sizing: border-box;
}
.roomintro .top-ul .li {
  margin-bottom: 40px;
}
.roomintro .top-ul .li .images {
  width: 440px;
  height: 260px;
  overflow: hidden;
}
.roomintro .top-ul .li .images img {
  transition: .5s;
}
.roomintro .top-ul .li:nth-child(2n+1) .words {
  padding-right: 40px;
}
.roomintro .top-ul .li:nth-child(2n+2) .words {
  padding-left: 40px;
}
.roomintro .top-ul .li:hover .images img {
  transition: .5s;
  transform: scale3d(1.06, 1.06, 0.6);
}
.roomintro .top-ul .li .words {
  width: 450px;
  height: 260px;
  padding-top: 30px;
  box-sizing: border-box;
}
.roomintro .top-ul .li .words .lititle {
  line-height: 1;
  position: relative;
  margin-bottom: 10px;
}
.roomintro .top-ul .li .words .lititle .span {
  font-size: 80px;
  color: rgba(188, 154, 124, 0.2);
  font-family: Arial;
  font-weight: bold;
}
.roomintro .top-ul .li .words .lititle .text {
  font-size: 24px;
  color: #bc9a7c;
  font-weight: bold;
  position: absolute;
  width: 100%;
  bottom: 10px;
}
.roomintro .top-ul .li .words .lititle .text span {
  font-size: 16px;
  color: #666666;
  margin-left: 10px;
}
.roomintro .top-ul .li .p {
  line-height: 26px;
  height: 104px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
.roomintro .swiper-ul .ul-top {
  width: 100%;
  height: 525px;
  background-size: cover !important;
}
.roomintro .swiper-ul .ul-bot {
  margin-top: 15px;
}
.roomintro .swiper-ul .ul-bot .li {
  cursor: pointer;
  border: 5px solid transparent;
  box-sizing: border-box;
  transition: .5s;
  height: 98px;
  overflow: hidden;
}
.roomintro .swiper-ul .ul-bot .li.active, .roomintro .swiper-ul .ul-bot .li:hover {
  border: 5px solid #bc9a7c;
  transition: .5s;
}
.roomintro .swiper-ul .ul-bot .owl-item {
  margin-right: 3px;
}
.roomintro .swiper-ul .ul-bot .owl-prev {
  position: absolute;
  width: 28px;
  height: 50px;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  overflow: hidden;
  text-indent: -999px;
  background: url(img54.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img54.png*/ rgba(0, 0, 0, 0.6) no-repeat center;
  background-size: 100%;
}
.roomintro .swiper-ul .ul-bot .owl-prev:hover {
  background: url(img54.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img54.png*/ rgba(0, 0, 0, 0.3) no-repeat center;
  background-size: 100%;
}
.roomintro .swiper-ul .ul-bot .owl-next {
  position: absolute;
  width: 28px;
  height: 50px;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  overflow: hidden;
  text-indent: -999px;
  background: url(img53.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img53.png*/ rgba(0, 0, 0, 0.6) no-repeat center;
  background-size: 100%;
}
.roomintro .swiper-ul .ul-bot .owl-next:hover {
  background: url(img53.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img53.png*/ rgba(0, 0, 0, 0.3) no-repeat center;
  background-size: 100%;
}

.videofied {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 13;
}
.videofied.i70{
  background: rgba(0, 0, 0, 0.7);
}
.videofied .box-con {
  position: absolute;
  width: 700px;
  height: 550px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.videofied .box-con .box {
  width: 100%;
  height: 100%;
}
.videofied .box-con .span {
  width: 25px;
  height: 25px;
  background: url(img55.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img55.png*/ no-repeat center;
  background-size: 100%;
  right: -15px;
  top: -15px;
  position: absolute;
  cursor: pointer;
}
.videofied .nbox-con{
	width: 600px;
	height: 90%;
}
.videofied .nbox-con .box{
	
}
.videofied .nbox-con .box .owl-item,.videofied .nbox-con .box .new-details-box,.videofied .nbox-con .box  .owl-wrapper-outer,.videofied .nbox-con .box  .owl-wrapper{
	height: 100%;
}
.videofied .nbox-con .box .owl-prev{
    width: 40px;
    height: 40px;
    float: left;
    overflow: hidden;
    transition: .5s;
    cursor: pointer;
	background: url(img64.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img64.png*/ no-repeat center;
    background-size: 100%;
     position: absolute;
     overflow: hidden;
     transition: .5;
     text-indent: -999px;
    left:-45px;
    top:0;
    bottom:0;
    margin: auto;
}
.videofied .nbox-con .box .owl-next{
    width: 40px;
    height: 40px;
    float: left;
    overflow: hidden;
    transition: .5s;
    cursor: pointer;
	background: url(img65.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img65.png*/ no-repeat center;
    background-size: 100%;
     position: absolute;
     overflow: hidden;
     transition: .5;
     text-indent: -999px;
    right:-45px;
    top:0;
    bottom:0;
    margin: auto;
}
.videofied .nbox-con .box .owl-prev:hover{
    background: url(img70.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img70.png*/ no-repeat center;
    background-size: 100%;
}
.videofied .nbox-con .box .owl-next:hover{
    background: url(img71.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img71.png*/ no-repeat center;
    background-size: 100%;

}
.videofied .nbox-con .box .li{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.environment {
  padding-top: 33px;
  padding-bottom: 80px;
  box-sizing: border-box;
}
.environment .envir-ul {
  text-align: center;
  line-height: 26px;
  padding-top: 55px;
  box-sizing: border-box;
}
.environment .envir-ul:nth-child(1) {
  padding-top: 0;
}
.environment .envir-ul .ul-title {
  color: #ffffff;
  font-size: 30px;
  line-height: 60px;
  width: 60px;
  height: 60px;
  text-align: center;
  background: url(img56.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img56.png*/ no-repeat center;
  background-size: 100%;
  margin: 0 auto;
  font-family: "demi";
}
.environment .envir-ul .h1 {
  font-size: 24px;
  color: #bc9a7c;
  margin: 15px 0;
  margin-bottom: 20px;
  font-weight: bold;
}
.environment .envir-ul .h2 {
  padding: 0 28px;
  box-sizing: border-box;
  margin-bottom: 30px;
  text-align: left;
}
.environment .envir-ul .img-ul .li {
  width: 435px;
  float: left;
  margin-left: 20px;
  margin-bottom: 18px;
  overflow: hidden;
}
.environment .envir-ul .img-ul .li img {
  transition: .5s;
}
.environment .envir-ul .img-ul .li:hover img {
  transition: .5s;
  transform: scale3d(1.06, 1.06, 1);
}
.environment .envir-ul .img-ul .li:nth-child(2n+1) {
  margin-left: 0;
}
.environment .envir-ul .span-ul {
  text-align: left;
  font-size: 14px;
  color: #bc9a7c;
  padding-left: 90px;
}
.environment .envir-ul .span-ul .li {
  position: relative;
  line-height: 22px;
  margin-top: 20px;
}
.environment .envir-ul .span-ul .li:nth-child(1) {
  margin-top: 0;
}
.environment .envir-ul .span-ul strong {
  position: absolute;
  left: -90px;
  top: 0;
  width: 80px;
  height: 26px;
  line-height: 26px;
  background: #bc9a7c;
  border-radius: 26px;
  text-align: center;
  color: #ffffff;
  font-size: 18px;
}

.nursing {
  padding-bottom: 80px;
  box-sizing: border-box;
}
.nursing .nursing-ul {
  padding-top: 45px;
  padding-bottom: 3px;
  box-sizing: border-box;
}
.nursing .nursing-ul .tit {
  font-size: 24px;
  color: #bc9a7c;
  font-weight: bold;
  text-align: center;
  line-height: 1;
}
.nursing .nursing-ul .p-tit {
  text-align: center;
  line-height: 1.5;
  margin-top: 20px;
  margin-bottom: 25px;
}
.nursing .nursing-ul .ul {
  padding-bottom: 15px;
  margin-top: 30px;
  border-bottom: 1px solid #e1e1e1;
}
.nursing .nursing-ul .ul .li {
  float: left;
  width: 435px;
  margin-left: 20px;
}
.nursing .nursing-ul .ul .li:nth-child(2n+1) {
  margin-left: 0;
}
.nursing .nursing-ul .ul .li .img {
  overflow: hidden;
}
.nursing .nursing-ul .ul .li .img img {
  transition: .5s;
}
.nursing .nursing-ul .ul .li .wen .text {
  line-height: 1;
  font-size: 18px;
  color: #666666;
  margin-top: 20px;
  margin-bottom: 5px;
  font-weight: bold;
}
.nursing .nursing-ul .ul .li .wen .p {
  line-height: 24px;
  padding-right: 20px;
  box-sizing: border-box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  height: 72px;
}
.nursing .nursing-ul .ul .li:hover img {
  transition: .5s;
  transform: scale3d(1.06, 1.06, 1);
}

.diet {
  padding-top: 40px;
  padding-bottom: 65px;
  box-sizing: border-box;
}
.diet .diet-top {
  text-align: left;
  line-height: 26px;
}
.diet .diet-center .tit {
  text-align: center;
  font-size: 24px;
  color: #bc9a7c;
  font-weight: bold;
  line-height: 1;
  margin-top: 50px;
  margin-bottom: 35px;
}
.diet .diet-center .ul {
  margin-bottom: 70px;
}
.diet .diet-center .ul .ul-left {
  width: 360px;
}
.diet .diet-center .ul .ul-left .li {
  height: 130px;
  background: #f5f5f5;
  padding: 20px 28px;
  padding-top: 30px;
  color: #bc9a7c;
  box-sizing: border-box;
  transition: .5s;
  cursor: pointer;
  position: relative;
}
.diet .diet-center .ul .ul-left .li:after {
  position: absolute;
  width: 15px;
  height: 25px;
  content: "";
  right: -15px;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(img57.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img57.png*/ no-repeat center;
  background-size: 100%;
  opacity: 0;
  z-index: 1;
  transition: .5s;
}
.diet .diet-center .ul .ul-left .li:hover, .diet .diet-center .ul .ul-left .li.active {
  color: #ffffff;
  background: #bc9a7c;
  transition: .5s;
}
.diet .diet-center .ul .ul-left .li:hover:after, .diet .diet-center .ul .ul-left .li.active:after {
  opacity: 1;
  transition: .5s;
}
.diet .diet-center .ul .ul-left .h1 {
  margin-bottom: 5px;
  font-size: 18px;
  line-height: 1;
  font-weight: bold;
}
.diet .diet-center .ul .ul-left .h2 {
  font-size: 14px;
}
.diet .diet-center .ul .ul-right {
  width: 530px;
  height: 390px;
  position: relative;
}
.diet .diet-center .ul .ul-right .li {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: none;
}
.diet .diet-center .images {
  position: relative;
  overflow: hidden;
  margin-top: 60px;
}
.diet .diet-center .images .images-words {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 62px;
  line-height: 62px;
  background: rgba(0, 0, 0, 0.6);
  text-align: center;
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
}
.diet .diet-center .images img {
  transition: .5s;
}
.diet .diet-center .images:hover img {
  transition: .5s;
  transform: scale3d(1.06, 1.06, 1);
}
.diet .diet-bot {
  padding-top: 75px;
  box-sizing: border-box;
}
.diet .diet-bot .bot-h1 {
  font-size: 24px;
  color: #bc9a7c;
  font-weight: bold;
  line-height: 1;
}
.diet .diet-bot .bot-h2 {
  line-height: 26px;
  margin-top: 20px;
}

.video-title {
  text-align: center;
  line-height: 1;
}
.video-title .text {
  font-size: 32px;
  line-height: 1;
  color: #333333;
}
.video-title .title {
  font-size: 38px;
  color: #bc9a7c;
  font-family: "geo";
  text-transform: uppercase;
  margin-top: 15px;
}

.video {
  background: #f5f5f5;
  padding-top: 85px;
  padding-bottom: 100px;
  box-sizing: border-box;
}
.video .video-box {
  height: 675px;
  background: #27262b;
  margin-top: 40px;
  padding: 7px;
  padding-right: 0;
  box-sizing: border-box;
}
.video .video-box .video-left {
  width: 980px;
  height: 100%;
}
.video .video-box .video-left .playimg {
  height: 578px;
  text-align: center;
  line-height: 1;
  position: relative;
  cursor: pointer;
  background-size: cover !important;
}
.video .video-box .video-left .playimg .videobox {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #424145;
  display: none;
}
.video .video-box .video-left .playimg.active:after {
  display: none;
}
.video .video-box .video-left .playimg:after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
}
.video .video-box .video-left .playimg .box {
  position: absolute;
  width: 100%;
  z-index: 2;
  height: 193px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.video .video-box .video-left .playimg .pl-play {
  width: 90px;
  height: 90px;
  background: url(img61.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img61.png*/ no-repeat center;
  background-size: 100%;
  margin: 0 auto;
}
.video .video-box .video-left .playimg .pl-text {
  font-size: 32px;
  color: #bc9a7c;
  margin-top: 40px;
  margin-bottom: 15px;
}
.video .video-box .video-left .playimg .pl-t {
  font-size: 16px;
  color: #ffffff;
}
.video .video-box .video-left .button {
  font-size: 18px;
  color: #f5f5f5;
  margin-top: 30px;
}
.video .video-box .video-left .button .fl {
  line-height: 20px;
  width: 50%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  height: 20px;
  padding-left: 20px;
  box-sizing: border-box;
}
.video .video-box .video-right {
  width: 260px;
  height: 100%;
  position: relative;
}
.video .video-box .video-right .vide0 {
  font-size: 18px;
  color: #ffffff;
  height: 60px;
  line-height: 60px;
}
.video .video-box .video-right .bd ul{
  /*padding-top: 74px!important;*/
  box-sizing: border-box;
}
.video .video-box .video-right .bd li {
  margin-bottom: 10px;
  cursor: pointer;
  padding-right: 7px;
  box-sizing: border-box;
}
.video .video-box .video-right .bd li:hover img, .video .video-box .video-right .bd li.active img {
  transition: .5s;
  transform: scale3d(1.06, 1.06, 1);
}
.video .video-box .video-right .bd li:hover .title .tit, .video .video-box .video-right .bd li.active .title .tit {
  color: #bc9a7c;
  transition: .5s;
}
.video .video-box .video-right .bd li img {
  transition: .5s;
  width: 100%;
}
.video .video-box .video-right .bd li .pic {
  width: 109px;
  height: 64px;
  overflow: hidden;
}
.video .video-box .video-right .bd li .tim {
  line-height: 1;
  padding-left: 15px;
  position: relative;
}
.strategy .caseul .img img{
  width: 100%;
}
.about-team .team .text-box .text-bot .list .li .images img{
  width: 100%;
}
.video-list .list .item .img img{
  width: 100%;
}
.about-map .map-box .words .images img{
  width: 100%;
}
.video .video-box .video-right .bd li .tim:after {
  position: absolute;
  height: 10px;
  width: 10px;
  content: "";
  background: url(img58.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img58.png*/ no-repeat center;
  background-size: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.video .video-box .video-right .bd li .title {
  height: 64px;
  width: 125px;
  font-size: 14px;
  color: #a6a6a6;
  line-height: 20px;
  transition: .5s;
}
.video .video-box .video-right .bd li .title .tit {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  height: 40px;
  margin-bottom: 12px;
}
.video .video-box .video-right .hd {
  position: absolute;
  left: -180px;
  bottom: 0;
  overflow: hidden;
  width: 165px;
  height: 20px;
  line-height: 20px;
  bottom: 35px;
}
.video .video-box .video-right .hd a {
  display: block;
  font-size: 14px;
  color: #f5f5f5;
  float: left;
  width: 50%;
  text-align: center;
  position: relative;
  cursor: pointer;
}
.video .video-box .video-right .hd a:after {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.video .video-box .video-right .hd a:hover {
  color: #b89679;
}
.video .video-box .video-right .hd .prev {
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  box-sizing: border-box;
}
.video .video-box .video-right .hd .prev:after {
  background: url(img59.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img59.png*/ no-repeat center;
  background-size: 100%;
  left: 0;
}
.video .video-box .video-right .hd .next:after {
  background: url(img60.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img60.png*/ no-repeat center;
  background-size: 100%;
  right: 0;
}

.video-list {
  padding-top: 100px;
  padding-bottom: 40px;
  box-sizing: border-box;
}
.video-list .list {
  margin-top: 60px;
  background: url(img62.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img62.png*/ no-repeat top;
  padding-top: 10px;
  box-sizing: border-box;
}
.video-list .list .list-ul {
  padding-top: 40px;
  padding-bottom: 60px;
  border-top: 1px solid #e1e1e1;
  box-sizing: border-box;
}
.video-list .list .list-ul:nth-child(1) {
  border-top: none;
}
.video-list .list .list-ul .list-title {
  margin-bottom: 40px;
}
.video-list .list .list-ul .list-title .h1 {
  font-size: 24px;
  color: #333333;
  height: 40px;
  line-height: 40px;
  padding-left: 50px;
  position: relative;
  margin-bottom: 15px;
}
.video-list .list .list-ul .list-title .h1 span {
  position: absolute;
  height: 40px;
  width: 40px;
  left: 0;
  top: 0;
  display: block;
}
.video-list .list .list-ul .list-title .h2 {
  font-size: 16px;
  color: #666666;
  line-height: 20px;
}
.video-list .list .owl-buttons {
  position: absolute;
  right: 0;
  top: 0;
  overflow: hidden;
  width: 95px;
  top: -100px;
}
.video-list .list .owl-buttons .owl-prev {
  width: 40px;
  height: 40px;
  background: url(img64.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img64.png*/ no-repeat center;
  background-size: 100%;
  float: left;
  text-indent: -999px;
  overflow: hidden;
  transition: .5s;
}
.video-list .list .owl-buttons .owl-prev:hover {
  background: url(img70.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img70.png*/ no-repeat center;
  background-size: 100%;
  transition: .5s;
}
.video-list .list .owl-buttons .owl-next {
  width: 40px;
  height: 40px;
  background: url(img65.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img65.png*/ no-repeat center;
  background-size: 100%;
  float: right;
  text-indent: -999px;
  overflow: hidden;
  transition: .5s;
}
.video-list .list .owl-buttons .owl-next:hover {
  background: url(img71.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img71.png*/ no-repeat center;
  background-size: 100%;
  transition: .5s;
}
.video-list .list .item {
  width: 406px;
  padding: 4px;
  padding-bottom: 8px;
  box-sizing: border-box;
  margin: 0 auto;
  cursor: pointer;
}
.video-list .list .item .box {
  box-shadow: 0 0 13px 4px rgba(0, 0, 0, 0.05);
}
.video-list .list .item:hover .img:after {
  opacity: 1;
  transition: .5s;
}
.video-list .list .item:hover .wen {
  color: #ffffff;
  transition: .5s;
  background: #bc9a7c;
}
.video-list .list .item .img {
  height: 245px;
  overflow: hidden;
  position: relative;
}
.video-list .list .item .img:after {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  content: "";
  background: url(img61.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img61.png*/ rgba(0, 0, 0, 0.6) no-repeat center;
  background-size: 83px 83px;
  opacity: 0;
  transition: .5s;
}
.video-list .list .item .wen {
  font-size: 14px;
  color: #666666;
  height: 60px;
  line-height: 60px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  transition: .5s;
  padding-left: 5%;
  box-sizing: border-box;
}

.itembot-ul .right {
  margin-left: 20px;
}

.newborn {
  background: #f5f5f5;
  padding-top: 90px;
  padding-bottom: 20px;
  box-sizing: border-box;
  overflow: hidden;
}
.newborn .newborn-list {
  padding-top: 50px;
  box-sizing: border-box;
}
.newborn .newborn-list .newborn-ul {
  height: 508px;
  margin-bottom: 78px;
}
.newborn .newborn-list .newborn-ul .li-left {
  width: 345px;
  height: 100%;
  position: relative;
}
.newborn .newborn-list .newborn-ul .li-left:after {
  position: absolute;
  content: "";
  height: 460px;
  width: 670px;
  background: #ffffff;
  bottom: 0;
  z-index: 0;
}
.newborn .newborn-list .newborn-ul .li-left .box-ul {
  z-index: 2;
  position: relative;
}
.newborn .newborn-list .newborn-ul .li-left .item {
  width: 322px;
}
.newborn .newborn-list .newborn-ul .li-left .item .img {
  width: 322px;
  height: 267px;
}
.newborn .newborn-list .newborn-ul .li-left .item .img .span {
  width: 100%;
  height: 100%;
  background: rgba(188, 154, 124, 0.85);
  padding: 7px;
  box-sizing: border-box;
  position: relative;
}
.newborn .newborn-list .newborn-ul .li-left .item .img .span .spanimg {
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 100%;
  height: 100%;
}
.newborn .newborn-list .newborn-ul .li-left .item .img .span .spanimg img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 90px;
  max-height: 90px;
}
.newborn .newborn-list .newborn-ul .li-left .item:hover .words .text01 {
  color: #b9987a;
  transition: .5s;
}
.newborn .newborn-list .newborn-ul .li-left .item .words {
  padding-top: 30px;
  padding-bottom: 25px;
  box-sizing: border-box;
}
.newborn .newborn-list .newborn-ul .li-left .item .words .text01 {
  color: #333333;
  font-size: 22px;
  line-height: 1;
  transition: .5s;
}
.newborn .newborn-list .newborn-ul .li-left .item .words .text02 {
  font-size: 14px;
  color: #666666;
  line-height: 22px;
  height: 44px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-top: 8px;
}
.newborn .newborn-list .newborn-ul .li-left .owl-buttons {
  width: 95px;
  overflow: hidden;
}
.newborn .newborn-list .newborn-ul .li-right {
  width: 890px;
  height: 100%;
}
.newborn .newborn-list .newborn-ul .li-right .owl-pagination {
  position: absolute;
  height: 112px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.newborn .newborn-list .newborn-ul .li-right .owl-pagination .owl-page {
  width: 12px;
  height: 12px;
  background: #bc9a7c;
  border-radius: 50%;
  margin: 7px 0;
}
.newborn .newborn-list .newborn-ul .li-right .owl-pagination .owl-page.active {
  background: #e63c2e;
}
.newborn .newborn-list .newborn-ul .li-right .item {
  cursor: pointer;
  width: 285px;
  margin: 0 auto;
}
.newborn .newborn-list .newborn-ul .li-right .item:hover .img img {
  transition: .5s;
  transform: scale3d(1.06, 1.06, 1);
}
.newborn .newborn-list .newborn-ul .li-right .item:hover .words {
  background: #bc9a7c;
  color: #ffffff;
  transition: .5s;
}
.newborn .newborn-list .newborn-ul .li-right .item .img {
  width: 100%;
  height: 430px;
  overflow: hidden;
}
.newborn .newborn-list .newborn-ul .li-right .item .img img {
  transition: .5s;
  width: 100%;
}
.newborn .newborn-list .newborn-ul .li-right .item .words {
  width: 100%;
  font-size-adjust: 14px;
  color: #666666;
  height: 78px;
  background: #ffffff;
  padding: 0 20px;
  padding-top: 15px;
  box-sizing: border-box;
  line-height: 24px;
  text-align: center;
  transition: .5s;
}
.newborn .newborn-list .newborn-ul .li-right .item .words .text02 {
  height: 48px;
  font-size: 14px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.newborn .newborn-list .newborn-ul:nth-child(2n+1) .owl-pagination {
  right: -30px;
}
.newborn .newborn-list .newborn-ul:nth-child(2n+1) .li-left .item {
  float: left;
}
.newborn .newborn-list .newborn-ul:nth-child(2n+1) .li-left:after {
  right: 0;
}
.newborn .newborn-list .newborn-ul:nth-child(2n+2) .owl-pagination {
  left: -30px;
}
.newborn .newborn-list .newborn-ul:nth-child(2n+2) .itembot-ul {
  width: 322px;
  float: right;
}
.newborn .newborn-list .newborn-ul:nth-child(2n+2) .li-left .item {
  float: right;
}
.newborn .newborn-list .newborn-ul:nth-child(2n+2) .li-left .owl-buttons {
  margin-left: 22px;
}
.newborn .newborn-list .newborn-ul:nth-child(2n+2) .li-left:after {
  left: 0;
}
.newborn .owl-prev {
  width: 40px;
  height: 40px;
  background: url(img64.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img64.png*/ no-repeat center;
  background-size: 100%;
  float: left;
  text-indent: -999px;
  overflow: hidden;
  transition: .5s;
}
.newborn .owl-prev:hover {
  background: url(img70.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img70.png*/ no-repeat center;
  background-size: 100%;
  transition: .5s;
}
.newborn .owl-next {
  width: 40px;
  height: 40px;
  background: url(img65.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img65.png*/ no-repeat center;
  background-size: 100%;
  float: right;
  text-indent: -999px;
  overflow: hidden;
  transition: .5s;
}
.newborn .owl-next:hover {
  background: url(img71.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img71.png*/ no-repeat center;
  background-size: 100%;
  transition: .5s;
}

.cost .cost-top {
  padding-top: 90px;
  padding-bottom: 50px;
  background: #f5f5f5;
}
.cost .cost-top .cost-ul .li {
  margin-bottom: 50px;
  height: 412px;
}
.cost .cost-top .cost-ul .li:nth-child(2n+1) .words:after {
  right: 0;
}
.cost .cost-top .cost-ul .li:nth-child(2n+2) .words:after {
  left: 0;
}
.cost .cost-top .cost-ul .li .images {
  width: 600px;
  height: 100%;
  overflow: hidden;
}
.cost .cost-top .cost-ul .li .images img {
  transition: .5s;
}
.cost .cost-top .cost-ul .li .images:hover img {
  transition: .5s;
  transform: scale3d(1.06, 1.06, 1);
}
.cost .cost-top .cost-ul .li .words {
  width: 680px;
  height: 370px;
  background: #ffffff;
  margin-top: 21px;
  overflow: hidden;
  position: relative;
  text-align: center;
}
.cost .cost-top .cost-ul .li .words:after {
  content: "";
  width: 15px;
  height: 135px;
  background: #e7e7e7;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.cost .cost-top .cost-ul .li .words .span {
  width: 110px;
  height: 43px;
  margin: 0 auto;
  background: url(img73.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img73.png*/ no-repeat center;
  background-size: 100%;
  line-height: 38px;
  font-size: 24px;
  color: #ffffff;
  font-weight: bold;
  color: #ffffff;
  font-family: Arial;
}
.cost .cost-top .cost-ul .li .words .wordsh1 {
  font-size: 32px;
  color: #333333;
  font-weight: bold;
  line-height: 34px;
  height: 34px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  margin-top: 45px;
  margin-bottom: 20px;
}
.cost .cost-top .cost-ul .li .words .wordsh2 {
  font-size: 18px;
  color: #666666;
  line-height: 20px;
  height: 20px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.cost .cost-top .cost-ul .li .words .wordsh3 {
  margin-top: 25px;
  margin-bottom: 45px;
}
.cost .cost-top .cost-ul .li .words .wordsh3 span {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 2px;
}
.cost .cost-top .cost-ul .li .words .wordsh3 span img {
  vertical-align: middle;
  display: block;
}
.cost .cost-top .cost-ul .li .words .wordli a {
  width: 180px;
  height: 45px;
  border-radius: 5px;
  line-height: 45px;
  color: #ffffff;
  font-size: 16px;
  display: inline-block;
  margin: 0 15px;
}
.cost .cost-top .cost-ul .li .words .wordli a:hover {
  transform: translateY(-5px);
}
.cost .cost-top .cost-ul .li .words .wordli .more {
  background: #383838;
}
.cost .cost-top .cost-ul .li .words .wordli .new {
  background: #bc9a7c;
}
.cost .link-box {
  margin-top: 50px;
}

.cost-botbg {
  height: 1062px;
  padding-top: 90px;
  box-sizing: border-box;
}
.cost-botbg .link-box {
  margin-top: 50px;
}

.text-title {
  text-align: center;
  line-height: 1;
}
.text-title .h01 {
  font-size: 50px;
  line-height: 1;
  color: #ffffff;
  font-weight: bold;
}
.text-title .h02 {
  font-size: 32px;
  color: #ffffff;
  display: inline-block;
  background: #bc9a7c;
  line-height: 1;
  padding: 10px;
  padding-bottom: 13px;
  box-sizing: border-box;
  border-radius: 5px;
  margin-top: 15px;
  margin-bottom: 10px;
  font-weight: bold;
}
.text-title .h03 {
  color: #bc9a7c;
  font-size: 14px;
  font-family: Arial;
  text-transform: uppercase;
  letter-spacing: 3px;
}

.costtextcenter {
  height: 580px;
  margin-top: 55px;
}
.costtextcenter .item {
  height: 580px;
}
.costtextcenter .item .img {
  width: 200px;
  height: 215px;
  margin: 0 auto;
  transition: .5s;
}
.costtextcenter .item:hover .img {
  transition: .5s;
  transform: translateY(10px);
}

.costtextcenter .item .wen {
  text-align: center;
  padding: 0 30px;
  padding-top: 45px;
  box-sizing: border-box;
}
.costtextcenter .item .wen .it-h1 {
  font-size: 24px;
  line-height: 1;
  transition: .5s;
  font-weight: bold;
}
.costtextcenter .item .wen .it-h2 {
  width: 20px;
  height: 12px;
  margin: 0 auto;
  margin-top: 13px;
  margin-bottom: 25px;
}
.costtextcenter .item .wen .it-h3 {
  font-size: 14px;
  line-height: 26px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 7;
  overflow: hidden;
  height: 182px;
  text-align: justify;
}
.costtextcenter .item02 .wen .it-h2 {
  background: url(img81.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img81.png*/ no-repeat center;
  background-size: 100%;
}
.costtextcenter .item02 .wen .it-h1 {
  color: #ffffff;
}
.costtextcenter .item02 .wen .it-h3 {
  color: #ffffff;
}
.costtextcenter .item01 .wen .it-h2 {
  background: url(img80.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img80.png*/ no-repeat center;
  background-size: 100%;
}
.costtextcenter .item01 .wen .it-h1 {
  color: #625447;
}
.costtextcenter .item01 .wen .it-h3 {
  color: #625447;
}
.costtextcenter .owl-prev {
  width: 65px;
  height: 65px;
  background: url(img78.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img78.png*/ #aaa9a7 no-repeat center;
  background-size: 100%;
  float: left;
  text-indent: -999px;
  overflow: hidden;
  transition: .5s;
  position: absolute;
  left: -175px;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 50%;
}
.costtextcenter .owl-prev:hover {
  background: url(img78.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img78.png*/ #d4b090 no-repeat center;
  background-size: 100%;
  transition: .5s;
}
.costtextcenter .owl-next {
  width: 65px;
  height: 65px;
  background: url(img79.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img79.png*/ #aaa9a7 no-repeat center;
  background-size: 100%;
  float: right;
  text-indent: -999px;
  overflow: hidden;
  transition: .5s;
  position: absolute;
  right: -175px;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 50%;
}
.costtextcenter .owl-next:hover {
  background: url(img79.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img79.png*/ #d4b090 no-repeat center;
  background-size: 100%;
  transition: .5s;
}

.cost-details {
  padding-top: 90px;
  background: #f5f5f5;
}
.cost-details .cost-title {
  text-align: center;
  line-height: 1;
  padding-top: 80px;
  box-sizing: border-box;
}
.cost-details .cost-title .tit {
  font-weight: bold;
  font-size: 32px;
  line-height: 1;
}
.cost-details .cost-title .words {
  font-size: 16px;
  color: #666666;
  margin-top: 28px;
  margin-bottom: 13px;
}
.cost-details .cost-title .words2 {
  font-size: 16px;
  color: #666666;
  margin-top: 15px;
  margin-bottom: 25px;
}
.cost-details .cost-title .word-span span {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 4px;
}
.cost-details .cost-title .word-span span img {
  display: block;
}
.cost-details .cost-title .text {
  font-size: 16px;
  font-weight: bold;
  color: #bc9a7c;
}
.cost-details .cost-title .serve-tit {
  height: 125px;
  background: #bc9a7c;
  color: #ffffff;
  padding: 0 10px;
  padding-top: 30px;
  box-sizing: border-box;
  margin-top: 50px;
}
.cost-details .cost-title .serve-tit .h01 {
  font-size: 24px;
  font-weight: bold;
  line-height: 32px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  height: 32px;
}
.cost-details .cost-title .serve-tit .h02 {
  font-size: 16px;
  line-height: 25px;
  margin-top: 9px;
  height: 25px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.cost-details .details {
  background: #ffffff;
  padding: 0 50px;
  box-sizing: border-box;
  margin-bottom: 100px;
}
.cost-details .serve-tit01 {
  height: 125px;
  background: #bc9a7c;
  color: #ffffff;
  padding: 0 10px;
  padding-top: 30px;
  box-sizing: border-box;
  text-align: center;
}
.cost-details .serve-tit01 .h01 {
  font-size: 24px;
  font-weight: bold;
  line-height: 32px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  height: 32px;
}
.cost-details .serve-tit01 .h02 {
  font-size: 16px;
  line-height: 25px;
  margin-top: 9px;
  height: 25px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.cost-topcenter {
  padding-top: 55px;
  padding-bottom: 50px;
  box-sizing: border-box;
}
.cost-topcenter .li {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #e1e1e1;
  box-sizing: border-box;
}
.cost-topcenter .li .img {
  width: 560px;
  overflow: hidden;
}
.cost-topcenter .li .img img {
  transition: .5s;
}
.cost-topcenter .li .img:hover img {
  transform: scale3d(1.06, 1.06, 1);
  transition: .5s;
}
.cost-topcenter .li .words {
  width: 565px;
  /*padding-top: 35px;*/
  box-sizing: border-box;
}
.cost-topcenter .li .words .link {
  width: 200px;
  display: block;
  height: 50px;
  line-height: 50px;
  color: #ffffff;
  font-weight: bold;
  font-family: Arial;
  background: #bc9a7c;
  padding-left: 76px;
  box-sizing: border-box;
  position: relative;
  border-radius: 5px;
  font-size: 20px;
}
.cost-topcenter .li .words .link:hover {
  transition: .5s;
  transform: translateY(-5px);
}
.cost-topcenter .li .words .link span {
  display: block;
  position: absolute;
  width: 30px;
  height: 30px;
  left: 35px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.cost-topcenter .li .words .link span img {
  display: block;
}
.cost-topcenter .li .words .p {
  font-size: 16px;
  line-height: 35px;
  margin-top: 20px;
}
.cost-topcenter .li .words .p p {
  padding-left: 22px;
  box-sizing: border-box;
  position: relative;
}
.cost-topcenter .li .words .p p:after {
  content: "";
  height: 5px;
  width: 5px;
  background: #bc9a7c;
  border-radius: 50%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 7px;
  margin: auto;
}

.costserve-details {
  margin-top: 30px;
  padding-bottom: 85px;
  box-sizing: border-box;
}
.costserve-details .swiper-ul .ul-top {
  width: 100%;
  height: 640px;
  background-size: cover !important;
}
.costserve-details .swiper-ul .ul-bot {
  margin-top: 15px;
}
.costserve-details .swiper-ul .ul-bot .li {
  cursor: pointer;
  border: 5px solid transparent;
  box-sizing: border-box;
  transition: .5s;
  height: 125px;
  overflow: hidden;
}
img{
  max-width: 100%;
}
.costserve-details .swiper-ul .ul-bot .li img{
  width: 100%;
}
.costserve-details .swiper-ul .ul-bot .li.active, .costserve-details .swiper-ul .ul-bot .li:hover {
  border: 5px solid #bc9a7c;
  transition: .5s;
}
.costserve-details .swiper-ul .ul-bot .owl-item {
  margin-right: 3px;
}
.costserve-details .swiper-ul .ul-bot .owl-prev {
  position: absolute;
  width: 28px;
  height: 50px;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  overflow: hidden;
  text-indent: -999px;
  background: url(img54.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img54.png*/ rgba(0, 0, 0, 0.6) no-repeat center;
  background-size: 100%;
}
.costserve-details .swiper-ul .ul-bot .owl-prev:hover {
  background: url(img54.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img54.png*/ rgba(0, 0, 0, 0.3) no-repeat center;
  background-size: 100%;
}
.costserve-details .swiper-ul .ul-bot .owl-next {
  position: absolute;
  width: 28px;
  height: 50px;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  overflow: hidden;
  text-indent: -999px;
  background: url(img53.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img53.png*/ rgba(0, 0, 0, 0.6) no-repeat center;
  background-size: 100%;
}
.costserve-details .swiper-ul .ul-bot .owl-next:hover {
  background: url(img53.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img53.png*/ rgba(0, 0, 0, 0.3) no-repeat center;
  background-size: 100%;
}

.link-ul {
  height: 150px;
  background: #d5b192;
}
.link-ul .w1280 {
  height: 100%;
}
.link-ul .item {
  display: block;
  float: left;
  width: 25%;
  border-left: 1px solid #b79373;
  box-sizing: border-box;
  height: 100%;
  padding-left: 115px;
  display: block;
  position: relative;
}
.link-ul .item:nth-child(1) {
  border-left: none;
}
.link-ul .item:hover .img {
  transform: translateY(-5px);
  transition: .5s;
}
.link-ul .item .img {
  width: 65px;
  height: 65px;
  border-radius: 50%;
  background: #ffffff;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 40px;
  margin: auto;
  transition: .5s;
}
.link-ul .item .wen {
  color: #ffffff;
  line-height: 1;
  padding-top: 60px;
  box-sizing: border-box;
}
.link-ul .item .wen .h1 {
  font-size: 18px;
  font-weight: bold;
}
.link-ul .item .wen .h2 {
  font-size: 14px;
  font-family: Arial;
  margin-top: 8px;
}

.about-video {
  padding-top: 90px;
  padding-bottom: 80px;
  box-sizing: border-box;
  background: #f5f5f5;
}
.about-video .left {
  width: 615px;
  padding-top: 12px;
  box-sizing: border-box;
}
.about-video .left .h1 {
  font-size: 32px;
  color: #333333;
  line-height: 1;
}
.about-video .left .h2 {
  font-size: 38px;
  color: #bc9a7c;
  text-transform: uppercase;
  line-height: 1;
  margin-top: 15px;
  margin-bottom: 35px;
  font-family: "geo";
}
.about-video .left .h3 {
  color: #666666;
  font-size: 14px;
  line-height: 25px;
}
.about-video .right {
  width: 600px;
  height: 410px;
  position: relative;
}
.about-video .right .img {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  cursor: pointer;
}
.about-video .right .img:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(img61.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img61.png*/ rgba(0, 0, 0, 0.3) no-repeat center;
  background-size: 75px 75px;
}
.about-video .right .span {
  width: 100%;
  height: 100%;
  background: #bc9a7c;
  position: absolute;
  left: 10px;
  top: 10px;
  z-index: 0;
}

.about-num {
  height: 560px;
  position: relative;
}
.about-num:after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
}
.about-num .num {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
  color: #ffffff;
  height: 215px;
  text-align: center;
}
.about-num .num .li {
  display: inline-block;
  width: 215px;
  height: 215px;
  line-height: 1;
  padding-top: 60px;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
}
.about-num .num .li .li01 {
  font-size: 56px;
  font-family: "beba";
}
.about-num .num .li .li02 {
  margin-top: 15px;
  font-size: 16px;
}
.about-num .num .li:hover .spanli {
  transition: .5s;
  opacity: 1;
}
.about-num .num .spanli {
  width: 215px;
  height: 215px;
  background: url(img97.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img97.png*/ no-repeat center;
  background-size: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: .5s;
}
.about-num .num .spanli.active {
  opacity: 1;
  transition: .5s;
}

.about-team {
  background: #f5f5f5;
  padding-top: 90px;
  padding-bottom: 85px;
}
.about-team .team .title {
  line-height: 1;
  color: #333333;
  font-size: 32px;
  text-align: center;
}
.about-team .team .title .h02 {
  color: #bc9a7c;
  font-size: 38px;
  font-family: "geo";
  text-transform: uppercase;
  margin-top: 18px;
}
.about-team .team .text-ul {
  text-align: center;
  margin: 50px auto;
}
.about-team .team .text-ul .li {
  display: inline-block;
  height: 40px;
  width: 180px;
  line-height: 40px;
  font-size: 16px;
  color: #666;
  border: 1px solid #e1e1e1;
  border-radius: 40px;
  box-shadow: 0 0 6px 3px rgba(0, 0, 0, 0.05);
  margin: 0 15px;
  transition: .5s;
  cursor: pointer;
}
.about-team .team .text-ul .li:hover, .about-team .team .text-ul .li.active {
  background: #e63c2e;
  color: #ffffff;
  transition: .5s;
}
.about-team .team .text-box .text-top .images {
  width: 50%;
  height: 458px;
}
.about-team .team .text-box .text-top .words {
  width: 50%;
  height: 458px;
  padding: 95px 73px;
  box-sizing: border-box;
  color: #ffffff;
  font-size: 14px;
  line-height: 25px;
  background: #bc9a7c;
  text-align: center;
}
.about-team .team .text-box .text-top .words .h02 {
  width: 275px;
  height: 15px;
  margin: 0 auto;
  background: url(img98.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img98.png*/ no-repeat center;
  background-size: 100%;
  margin-top: 20px;
  margin-bottom: 45px;
}
.about-team .team .text-box .text-top .words .h03{
	text-align: left;
}
.about-team .team .text-box .text-top .words .h01 {
  font-size: 28px;
  font-weight: bold;
  line-height: 1;
}
.about-team .team .text-box .text-bot .list .li {
  float: left;
  width: 50%;
  background: #ffffff;
}
.about-team .team .text-box .text-bot .list .li .libox {
  width: 50%;
}
.about-team .team .text-box .text-bot .list .li .words {
  font-size: 20px;
  color: #333333;
  text-align: center;
  line-height: 30px;
  padding-top: 90px;
  box-sizing: border-box;
}
.about-team .team .text-box .text-bot .list .li .words .h01 {
  height: 30px;
  font-weight: bold;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.about-team .team .text-box .text-bot .list .li:hover .images img {
  transition: .5s;
  transform: scale3d(1.06, 1.06, 1);
}
.about-team .team .text-box .text-bot .list .li .images {
  width: 320px;
  height: 230px;
  overflow: hidden;
}
.about-team .team .text-box .text-bot .list .li .images img {
  transition: .5s;
}
.about-team .team .text-box .text-bot .list .li .h02 {
  width: 190px;
  height: 10px;
  background: url(img99.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img99.png*/ no-repeat center;
  background-size: 100%;
  margin: 0 auto;
  margin-top: 15px;
}
.about-team .team .text-box .morelist {
  margin-top: 60px;
  width: 200px;
  height: 50px;
  margin: 0 auto;
  margin-top: 60px;
  color: #ffffff;
  line-height: 50px;
  text-align: center;
  font-size: 16px;
  color: #ffffff;
  border-radius: 5px;
  background: #bc9a7c;
  cursor: pointer;
  transition: .5s;
}
.about-team .team .text-box .morelist:hover {
  transition: .5s;
  transform: translateY(-5px);
}

.about-map .map-tit {
  height: 150px;
}
.about-map .map-tit .left {
  width: 38%;
  background: #37373b;
  height: 100%;
  overflow: hidden;
}
.about-map .map-tit .left .box {
  width: 410px;
  color: #ffffff;
  line-height: 1;
  float: right;
  padding-top: 35px;
  box-sizing: border-box;
}
.about-map .map-tit .left .box .h01 {
  font-size: 32px;
}
.about-map .map-tit .left .box .h02 {
  font-size: 38px;
  font-family: "geo";
  text-transform: uppercase;
  margin-top: 18px;
}
.about-map .map-tit .right {
  width: 62%;
  height: 100%;
  background: #ceaa8b;
}
.about-map .map-tit .right .li {
  float: left;
  width: 25%;
  position: relative;
  border-left: 1px solid #b79373;
  padding-left: 150px;
  box-sizing: border-box;
  height: 100%;
  cursor: pointer;
  transition: .5s;
}
.about-map .map-tit .right .li:hover, .about-map .map-tit .right .li.active {
  background: #be9d81;
  transition: .5s;
}
.about-map .map-tit .right .li .images {
  width: 65px;
  height: 65px;
  border-radius: 50%;
  background: #ffffff;
  position: absolute;
  left: 75px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.about-map .map-tit .right .li .words {
  color: #ffffff;
  line-height: 1;
  padding-top: 60px;
  box-sizing: border-box;
}
.about-map .map-tit .right .li .words .h01 {
  font-size: 18px;
  font-weight: bold;
}
.about-map .map-tit .right .li .words .h02 {
  margin-top: 8px;
  font-family: "demi";
   font-size: 14px;

}
.about-map .map-box {
  height: 800px;
}
.about-map .map-box .map {
  width: 68%;
  height: 100%;
}
.about-map .map-box .words {
  width: 32%;
  height: 100%;
  padding: 40px;
  box-sizing: border-box;
}
.about-map .map-box .words .images {
  max-height: 320px;
}
.about-map .map-box .words .wen {
  line-height: 30px;
  padding-top: 45px;
  box-sizing: border-box;
}
.about-map .map-box .words .wen .h01 {
  font-size: 28px;
  color: #333333;
  margin-bottom: 35px;
}
.about-map .map-box .words .wen .h02 {
  font-size: 16px;
  color: #444444;
}
.about-map .map-box .words .wen .h02 p {
  padding-left: 40px;
  box-sizing: border-box;
  margin-bottom: 20px;
  position: relative;
}
.about-map .map-box .words .wen .h02 p span {
  display: block;
  width: 30px;
  height: 30px;
  position: absolute;
  left: 0;
  top: 0;
}

.to-img {
  display: none;
}

.bornbanner {
  position: relative;
  height: 650px;
}
.bornbanner .box {
  position: relative;
  height: 100%;
}
.bornbanner .imgages {
  /*		position: absolute;
  		left:0;
  		right:0;
  		margin: auto;
  		top:0;
  		img{
  			position: absolute;
  			left:0;
  			top:0;
  		}*/
}
.bornbanner .link {
  height: 55px;
  line-height: 55px;
  background: #e63c2e;
  display: block;
  padding-left: 45px;
  padding: 0 30px;
  color: #ffffff;
  font-size: 20px;
  box-sizing: border-box;
  position: absolute;
  bottom: 80px;
  border-radius: 5px;
  transition: .5s;
}
.bornbanner .link:hover {
  transform: translateY(-5px);
  transition: .5s;
}
.bornbanner .link span {
  width: 35px;
  height: 30px;
}
.bornbanner .link span img {
  display: inline-block;
}

.born-jituan {
  height: 620px;
  padding-top: 100px;
  box-sizing: border-box;
}

.born-title {
  text-align: center;
  line-height: 1;
}
.born-title .text-h2 {
  font-size: 40px;
  color: #333333;
  font-weight: bold;
}
.born-title .text-h2 span {
  font-size: 32px;
  color: #ffffff;
  background: #bc9a7c;
  display: inline-block;
  padding: 0 10px;
  height: 45px;
  line-height: 45px;
  box-sizing: border-box;
  border-radius: 5px;
  margin-left: 10px;
}
.born-title .text-h3 {
  font-size: 30px;
  color: #bc9a7c;
  font-family: "geo";
  margin-top: 20px;
}
.born-title .text-h4 {
  font-size: 32px;
  margin-top: 60px;
}
.born-title .text-h5 {
  font-size: 14px;
  line-height: 30px;
  color: #666666;
  text-align: left;
  width: 1000px;
  margin:0 auto;
  margin-top: 32px;
}

.costborn {
  margin-top: -96px;
}

.born-t01 .born-list .words {
  line-height: 1;
  width: 50%;
}
.born-t01 .born-list .words .li {
  padding-bottom: 55px;
  box-sizing: border-box;
}
.born-t01 .born-list .words .li:ntth-child(1) {
  margin-bottom: 10px;
}
.born-t01 .born-list .words .litop {
  height: 65px;
  position: relative;
  padding-left: 85px;
  margin-bottom: 20px;
}
.born-t01 .born-list .words .litop .h01 {
  position: absolute;
  left: 0;
  top: 0;
}
.born-t01 .born-list .words .h01 {
  font-size: 32px;
  font-family: Arial;
  color: #ffffff;
  font-weight: bold;
  width: 65px;
  height: 65px;
  line-height: 65px;
  text-align: center;
  background: url(img113.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img113.png*/ no-repeat center;
  background-size: 100%;
}
.born-t01 .born-list .words .h02 {
  font-weight: bold;
  font-size: 24px;
  color: #bc9a7c;
  line-height: 1;
}
.born-t01 .born-list .words .h02 strong {
  color: #dddddd;
  font-family: "beba";
  text-transform: uppercase;
  margin-left: 5px;
  position: relative;
  top: 3px;
}
.born-t01 .born-list .words .h03 {
  font-size: 16px;
  color: #333333;
  margin-top: 10px;
}
.born-t01 .born-list .words .h04 {
  font-size: 14px;
  line-height: 26px;
  padding-right: 20px;
  box-sizing: border-box;
}
.born-t01 .born-list .images {
  width: 360px;
  height: 360px;
  border-radius: 50%;
  position: relative;
  transition: .5s;
}
.born-t01 .born-list .images:hover {
  transform: translateY(-10px);
  transition: .5s;
}
.born-t01 .born-list .images img {
  position: relative;
  z-index: 1;
  border-radius: 50%;
}
.born-t01 .born-list .images:after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  background: #bc9a7c;
  border-radius: 50%;
  top: 5px;
  left: 5px;
  z-index: 0;
}
.born-t01 .born-list .born-li {
  border-top: 1px solid #e1e1e1;
  padding: 40px 0;
  box-sizing: border-box;
}
.born-t01 .born-list .born-li:nth-child(1) {
  border-top: none;
}
.born-t01 .born-list .born-li:nth-child(2n+1) .images {
  margin-right: 50px;
}
.born-t01 .born-list .born-li:nth-child(2n+2) .images {
  margin-left: 50px;
}

.born-map .map-tit .left .box .h01 {
  font-weight: bold;
}
.born-map .map-tit .left .box .h02 {
  font-size: 32px;
  margin-top: 10px;
}
.born-map .map-tit .right {
  color: #ffffff;
  line-height: 1;
  padding-left: 135px;
  padding-top: 45px;
  box-sizing: border-box;
}
.born-map .map-tit .right .box {
  width: 870px;
  position: relative;
}
.born-map .map-tit .right .span {
  position: absolute;
  height: 90px;
  width: 230px;
  background: url(img114.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img114.png*/ no-repeat center;
  background-size: 100%;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  color: #bc9a7c;
  font-size: 16px;
  padding-top: 25px;
  text-align: center;
  box-sizing: border-box;
}
.born-map .map-tit .right .h01 {
  font-size: 24px;
}
.born-map .map-tit .right .h01 span {
  font-weight: bold;
}
.born-map .map-tit .right .h02 {
  font-size: 16px;
  margin-top: 18px;
}

.born-t02 {
  height: 365px;
  padding-top: 70px;
  box-sizing: border-box;
}
.born-t02 .born-word {
  padding-top: 20px;
  box-sizing: border-box;
}
.born-t02 .born-word p {
  text-align: center;
  font-size: 16px;
  line-height: 30px;
  color: #666666;
  margin-bottom: 7px;
}
.born-t02 .born-word p span {
  display: inline-block;
  width: 35px;
  height: 30px;
  background: url(img115.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img115.png*/ no-repeat center;
  background-size: 100%;
  vertical-align: middle;
  margin-right: 10px;
}

.w1640 {
  width: 1640px;
  margin: 0 auto;
}

.born-t03 .ul .li {
  padding: 65px 0;
  box-sizing: border-box;
}
.born-t03 .ul .li:nth-child(2n+1) {
  background: #faf6f5;
}
.born-t03 .ul .li:nth-child(2n+2) {
  background: #fff;
}
.born-t03 .ul .li .image {
  width: 720px;
  height: 480px;
}
.born-t03 .ul .li .images {
  width: 720px;
  position: relative;
}
.born-t03 .ul .li .images .wen {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.5);
  padding: 15px 0;
  box-sizing: border-box;
}
.born-t03 .ul .li .images .wen .h01 {
  font-size: 18px;
  line-height: 1;
  margin-bottom: 10px;
}
.born-t03 .ul .li .images .wen .h02 {
  font-size: 14px;
  line-height: 24px;
  padding: 0 45px;
  box-sizing: border-box;
}
.born-t03 .ul .li .item {
  position: relative;
}
.born-t03 .ul .li .item img{
  width: 100%;
}
.born-t03 .ul .li .item .span {
  position: absolute;
  bottom: 0;
  height: 56px;
  line-height: 56px;
  font-size: 16px;
  color: #ffffff;
  padding-left: 30px;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
}
.born-t03 .ul .li .owl-pagination {
  text-align: right;
  position: absolute;
  bottom: 0;
  right: 0;
  padding-top: 16px;
  height: 55px;
  box-sizing: border-box;
}
.born-t03 .ul .li .owl-pagination .owl-page {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #5a6472;
  display: inline-block;
  margin: 0 6px;
}
.born-t03 .ul .li .owl-pagination .owl-page.active {
  background: #ffffff;
}

.born-t04 {
  position: relative;
}
.born-t04 .link {
  width: 220px;
  height: 55px;
  line-height: 55px;
  background: #e63c2e;
  display: block;
  padding-left: 25px;
  color: #ffffff;
  font-size: 20px;
  box-sizing: border-box;
  position: absolute;
  border-radius: 5px;
  transition: .5s;
  bottom: 90px;
  left: 50%;
  margin-left: 210px;
}
.born-t04 .link:hover {
  transform: translateY(-5px);
  transition: .5s;
}
.born-t04 .link span {
  display: block;
  width: 35px;
  height: 30px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 26px;
  margin: auto;
}
.born-t04 .link span img {
  display: block;
  vertical-align: middle;
}

.born-t05 .way-ul {
  margin-top: 0;
}

.born-t06box {
  padding-top: 75px;
  height: 1050px;
}

.born-t06 {
  height: 100%;
  padding-top: 545px;
  box-sizing: border-box;
}

.born-t07 {
  height: 635px;
  padding-top: 100px;
  box-sizing: border-box;
}
.born-t07 .born-tit {
  text-align: center;
  line-height: 1;
  color: #ffffff;
}
.born-t07 .born-tit .h01 {
  font-size: 50px;
  font-weight: bold;
}
.born-t07 .born-tit .h02 {
  font-size: 36px;
  font-weight: bold;
  margin-top: 15px;
}
.born-t07 .born-tit .h02 span {
  color: rgba(255, 255, 255, 0.5);
  font-family: "geo";
  text-transform: uppercase;
}
.born-t07 .born-ul {
  margin-top: 60px;
  height: 260px;
}
.born-t07 .born-ul .li {
  width: 620px;
  height: 100%;
  padding: 6px;
  background: rgba(255, 255, 255, 0.6);
  box-sizing: border-box;
  border-radius: 5px;
}
.born-t07 .born-ul .li:hover .images .img {
  transition: .5s;
  transform: scale3d(1.06, 1.06, 1);
}
.born-t07 .born-ul .li .images {
  float: left;
  width: 280px;
  height: 100%;
  overflow: hidden;
}
.born-t07 .born-ul .li .images .img {
  transition: .5s;
  width: 100%;
  height: 100%;
}
.born-t07 .born-ul .li .words {
  width: 328px;
  height: 100%;
  float: right;
  color: #ffffff;
  line-height: 1;
  padding: 45px 35px;
  box-sizing: border-box;
}
.born-t07 .born-ul .li .words.ll {
  background: #be8cc6;
}
.born-t07 .born-ul .li .words.lr {
  background: #d5ac87;
}
.born-t07 .born-ul .li .words .h01 {
  font-size: 30px;
  font-weight: bold;
}
.born-t07 .born-ul .li .words .h02 {
  font-size: 20px;
  margin-top: 13px;
  margin-bottom: 48px;
}
.born-t07 .born-ul .li .words .link {
  font-size: 18px;
  color: #ffffff;
  height: 45px;
  width: 160px;
  border: 1px solid #ffffff;
  display: block;
  border-radius: 5px;
  line-height: 45px;
  text-align: center;
  box-sizing: border-box;
}

.born-tbox5 {
  position: relative;
  display: block;
  width: 100%;
  height: 400px;
}
.born-tbox5 .words {
  position: absolute;
  bottom: 0;
  height: 100%;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
  color: #ffffff;
  line-height: 1;
  text-align: center;
  padding-top: 100px;
  box-sizing: border-box;
}
.born-tbox5 .words .h02 {
  font-size: 24px;
  margin-top: 35px;
  margin-bottom: 15px;
}
.born-tbox5 .words .h01 {
  width: 110px;
  height: 110px;
  margin: 0 auto;
  background: url(img118.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img118.png*/ no-repeat center;
  background-size: 100%;
}
.born-tbox5 .words .h03 {
  font-size: 12px;
  text-transform: uppercase;
  line-height: 20px;
}
.born-tbox5:after {
  position: absolute;
  height: 100%;
  width: 100%;
  content: "";
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.45);
}

.ttbody {
  width: 860px;
  padding-top: 18px;
  box-sizing: border-box;
}
.ttbody .ttitle {
  width: 450px;
  height: 80px;
  background: url(img119.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img119.png*/ no-repeat center;
  background-size: 100%;
  margin: 0 auto;
  font-size: 16px;
  color: #ffffff;
  text-align: center;
  padding-top: 15px;
  box-sizing: border-box;
  line-height: 1;
  margin-bottom: 40px;
}
.ttbody .ttitle span {
  font-size: 24px;
  font-weight: bold;
  margin-right: 5px;
}
.ttbody .thead {
  height: 56px;
  color: #ffffff;
  line-height: 56px;
  background: #bc9a7c;
  text-align: center;
  position: relative;
}
.ttbody .thead .lio {
  width: 50%;
  font-size: 20px;
  font-weight: bold;
}
.ttbody .thead .span {
  font-family: "beba";
  font-size: 56px;
  height: 56px;
  position: absolute;
  left: 0;
  top: -4px;
  right: 0;
  margin: auto;
}
.ttbody .tbody {
  border: 1px solid #e4e4e4;
  border-top: none;
  box-sizing: border-box;
}
.ttbody .tbody.tbody01 .ulo .lio:nth-child(1) {
  border: none;
}
.ttbody .tbody .ulo {
  font-size: 14px;
  color: #666666;
  line-height: 24px;
  position: relative;
}
.ttbody .tbody .ulo .span {
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  text-align: center;
  color: #ffffff;
  width: 98px;
  border-radius: 32px;
  background: #bc9a7c;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.ttbody .tbody .ulo .lio {
  width: 50%;
  padding: 16px 20px;
  box-sizing: border-box;
  text-align: left;
  line-height: 1.3;
}
.ttbody .tbody.tbody01 .ulo .lio{
  text-align: center;
}
.ttbody .tbody .ulo .lio:nth-child(1) {
  color: #a07e61;
  border-right: 1px solid #e4e4e4;
  box-sizing: border-box;
}
.ttbody .tbody .ulo:nth-child(2n+1) {
  background: #ffffff;
}
.ttbody .tbody .ulo:nth-child(2n+2) {
  background: #faf6f5;
}

.mborn-01 {
  height: 735px;
  position: relative;
  z-index: 1;
}

.mborn-title {
  line-height: 1;
  text-align: center;
}
.mborn-title .t01 {
  font-size: 50px;
  color: #333333;
}
.mborn-title .t01 span {
  font-weight: bold;
}
.mborn-title .t02 {
  font-size: 32px;
  font-weight: bold;
  display: inline-block;
  padding: 5px 15px;
  padding-bottom: 8px;
  background: #bc9a7c;
  border-radius: 5px;
  color: #ffffff;
  margin-top: 15px;
  margin-bottom: 13px;
}
.mborn-title .t03 {
  color: #bc9a7c;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 5px;
}

.mborn-02 {
  background: #faf4ef;
  padding-top: 100px;
  margin-top: -20px;
  padding-bottom: 105px;
  box-sizing: border-box;
  position: relative;
}
.mborn-02 .lbaby {
  position: absolute;
  left: 0;
  bottom: 0;
}
.mborn-02 .mborn-ul {
  margin-top: 50px;
  height: 1162px;
  position: relative;
  z-index: 1;
}
.mborn-02 .mborn-ul .li {
  width: 50%;
  float: left;
  padding: 35px;
  padding-left: 60px;
  padding-right: 40px;
  box-sizing: border-box;
}
.mborn-02 .mborn-ul .li .words {
  width: 350px;
  padding-top: 10px;
  box-sizing: border-box;
}
.mborn-02 .mborn-ul .li .words .h01 {
  font-size: 24px;
  color: #bc9a7c;
  padding-left: 54px;
  box-sizing: border-box;
  height: 36px;
  line-height: 36px;
  position: relative;
  font-weight: bold;
}
.mborn-02 .mborn-ul .li .words .h01 span {
  display: block;
  width: 36px;
  height: 36px;
  border-radius: 5px;
  background: #bc9a7c;
  color: #ffffff;
  font-family: "demi";
  text-align: center;
  line-height: 36px;
  position: absolute;
  left: 0;
  top: 0;
}
.mborn-02 .mborn-ul .li .words .h02 {
  font-size: 14px;
  line-height: 24px;
  margin-top: 10px;
  height: 96px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
.mborn-02 .mborn-ul .li .images {
  width: 160px;
  height: 160px;
  border-radius: 50%;
  overflow: hidden;
  transition: .5s;
}
.mborn-02 .mborn-ul .li .images:hover {
  transition: .5s;
  transform: translateY(-5px);
}

.mborn-tit {
  text-align: center;
}
.mborn-tit img {
  display: inline-block;
}

.mborn-03 {
  height: 1020px;
  padding-top: 98px;
  padding-bottom: 60px;
  box-sizing: border-box;
}
.mborn-03 .mborn-ul {
  margin-top: 50px;
}
.mborn-03 .mborn-ul .li {
  width: 295px;
  float: left;
  text-align: center;
  box-shadow: 0 5px 10px 2px rgba(153, 153, 153, 0.2);
  margin-bottom: 40px;
  border-radius: 5px;
  overflow: hidden;
  margin-left: 33.33px;
  padding-top: 35px;
  box-sizing: border-box;
  background: #ffffff;
}
.mborn-03 .mborn-ul .li:nth-child(4n+1) {
  margin-left: 0;
}
.mborn-03 .mborn-ul .li:hover .images {
  transition: .5s;
  transform: translateY(-5px);
}
.mborn-03 .mborn-ul .images {
  width: 160px;
  height: 160px;
  padding: 7px;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #ece2d9;
  box-sizing: border-box;
  margin: 0 auto;
  transition: .5s;
}
.mborn-03 .mborn-ul .images img {
  border-radius: 50%;
}
.mborn-03 .mborn-ul .words {
  line-height: 1;
  padding-top: 30px;
  padding-bottom: 45px;
  box-sizing: border-box;
  height: 128px;
}
.mborn-03 .mborn-ul .words .h01 {
  font-size: 18px;
  color: #bc9a7c;
  font-weight: bold;
}
.mborn-03 .mborn-ul .words .h02 {
  font-size: 16px;
  color: #666666;
  margin-top: 15px;
  line-height: 24px;
}

.mborn-04 {
  height: 1600px;
  background: #f9f2ec;
}
.mborn-04 .mborn-box {
  padding-bottom: 95px;
  box-sizing: border-box;
}
.mborn-04 .mborn-top .images {
  margin-top: 50px;
}
.mborn-04 .mborn-bot .born-tit {
  padding-top: 65px;
  padding-bottom: 45px;
  box-sizing: border-box;
  text-align: center;
  line-height: 1;
}
.mborn-04 .mborn-bot .born-tit .h01 {
  font-size: 32px;
  color: #bc9a7c;
}
.mborn-04 .mborn-bot .born-tit .h02 {
  font-size: 16px;
  color: #666666;
  line-height: 28px;
  margin-top: 22px;
}

.wel-package {
  background: #f9f6f4;
  padding-top: 90px;
  padding-bottom: 55px;
  box-sizing: border-box;
  height: 920px;
}
.wel-package .package-box {
  margin-top: 50px;
}
.wel-package .package-box .swiper-slide-active .li, .wel-package .package-box .swiper-slide-prev .li, .wel-package .package-box .swiper-slide-next .li {
  opacity: 1;
}
.wel-package .package-box .package-ul .li {
  opacity: 1;
  width: 95%;
  margin: 0 auto;
}
.wel-package .package-box .package-ul .li .img {
  height: auto;
}
.wel-package .package-box .package-ul .li .wen {
  width: 100%;
}
.wel-package .package-box .swiper-button-prev, .wel-package .package-box .owl-prev {
  width: 65px;
  height: 65px;
  background: url(img78.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img78.png*/ #aaa9a7 no-repeat center;
  background-size: 100%;
  float: left;
  text-indent: -999px;
  overflow: hidden;
  transition: .5s;
  position: absolute;
  left: 200px;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 50%;
}
.wel-package .package-box .swiper-button-prev:hover, .wel-package .package-box .owl-prev:hover {
  background: url(img78.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img78.png*/ #bc9a7c no-repeat center;
  background-size: 100%;
}
.wel-package .package-box .swiper-button-next, .wel-package .package-box .owl-next {
  width: 65px;
  height: 65px;
  background: url(img79.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img79.png*/ #aaa9a7 no-repeat center;
  background-size: 100%;
  float: left;
  text-indent: -999px;
  overflow: hidden;
  transition: .5s;
  position: absolute;
  right: 200px;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 50%;
}
.wel-package .package-box .swiper-button-next:hover, .wel-package .package-box .owl-next:hover {
  background: url(img79.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img79.png*/ #bc9a7c no-repeat center;
  background-size: 100%;
}
.wel-package .package-box .li {
  max-width: 405px;
  width: 95%;
  margin: 0 auto;
  display: block;
  opacity: 0.2;
}
.wel-package .package-box .li .img {
  width: 100%;
  max-height: 280px;
  overflow: hidden;
}
.wel-package .package-box .li .wen {
  height: 210px;
  background: #ffffff;
  text-align: center;
  line-height: 1;
  padding: 38px 20px;
  box-sizing: border-box;
}
.wel-package .package-box .li .wen .h01 {
  font-size: 22px;
  color: #333333;
}
.wel-package .package-box .li .wen .h02 {
  font-size: 16px;
  color: #bc9a7c;
  margin-top: 16px;
  margin-bottom: 36px;
}
.wel-package .package-box .li .wen .h03 {
  width: 140px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #bc9a7c;
  border: 1px solid #bc9a7c;
  border-radius: 5px;
  margin: 0 auto;
  box-sizing: border-box;
}
.wel-package .package-bot {
  margin-top: 75px;
  border-top: 1px solid #dac8b8;
  position: relative;
}
.wel-package .package-bot:after {
  position: absolute;
  content: "";
  width: 18px;
  height: 9px;
  background: url(img142.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img142.png*/ no-repeat center;
  background-size: 100%;
  left: 0;
  top: -9px;
  right: 0;
  margin: auto;
}
.wel-package .package-bot .fl {
  max-width: 50%;
  padding-top: 40px;
  box-sizing: border-box;
}
.wel-package .package-bot .fl .tit {
  font-size: 28px;
  font-weight: bold;
  color: #bc9a7c;
  line-height: 30px;
  height: 30px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.wel-package .package-bot .fl .tot {
  font-size: 18px;
  color: #333333;
  line-height: 1;
  margin-top: 12px;
}
.wel-package .package-bot .fr {
  padding-top: 40px;
  box-sizing: border-box;
}
.wel-package .package-bot .fr .lio {
  display: inline-block;
  width: 240px;
  height: 55px;
  color: #ffffff;
  font-size: 24px;
  background: #383839;
  border-radius: 5px;
  padding-left: 90px;
  box-sizing: border-box;
  position: relative;
}
.wel-package .package-bot .fr .lio:hover {
  transform: translateY(-5px);
}
.wel-package .package-bot .fr .lio img {
  position: absolute;
  width: 35px;
  height: 35px;
  left: 45px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.wel-package .package-bot .fr .lio2 {
  background: #e63c2e;
}

.passageway .left .box:after {
  transition: .5s;
}

.passageway .left:hover .box:after {
  transition: .5s;
  transform: translateX(10px);
}

.wel-guarantee:after {
  background: rgba(0, 0, 0, 0.7);
}

.passageway {
  height: 150px;
}
.passageway .left {
  width: 38%;
  background: #37373b;
  height: 100%;
  overflow: hidden;
}
.passageway .left .box {
  width: 410px;
  color: #ffffff;
  line-height: 1;
  float: right;
  padding-top: 55px;
  box-sizing: border-box;
  display: block;
  position: relative;
  height: 100%;
}
.passageway .left .box:after {
  content: "";
  height: 40px;
  width: 40px;
  background: url(img127.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img127.png*/ no-repeat center;
  background-size: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 60px;
  margin: auto;
}
.passageway .left .box .t01 {
  font-size: 24px;
}
.passageway .left .box .t02 {
  font-size: 14px;
  font-family: Arial;
  text-transform: uppercase;
  color: #999999;
  margin-top: 10px;
}
.passageway .left .box .t03 {
  font-size: 14px;
  font-family: Arial;
  text-transform: uppercase;
  color: #fff;
  margin-top: 10px;
}
.passageway .right {
  width: 62%;
  height: 100%;
  background: #ceaa8b;
}
.passageway .right.cur {
  background: #f9f6f4;
  padding: 25px 65px;
  padding-left: 0;
  box-sizing: border-box;
}
.passageway .right.cur .box {
  line-height: 32px;
  height: 96px;
  padding-left: 65px;
  box-sizing: border-box;
}
.passageway .right.cur .box .loei {
  color: #666666;
  display: block;
  width: 50%;
  float: left;
  padding-left: 15px;
  box-sizing: border-box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  height: 32px;
  font-size: 14px;
}
.passageway .right .box {
  width: 870px;
  height: 100%;
  overflow: hidden;
}
.passageway .right .li {
  float: left;
  width: 20%;
  position: relative;
  border-left: 1px solid #b79373;
  height: 100%;
  cursor: pointer;
  transition: .5s;
  padding-top: 30px;
  box-sizing: border-box;
}
.passageway .right .li:hover, .passageway .right .li.active {
  background: #be9d81;
  transition: .5s;
}
.passageway .right .li .text {
  width: 116px;
  height: 100%;
  position: absolute;
  z-index: 0;
  background: url(img16.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img16.png*/ no-repeat center;
  background-size: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.passageway .right .li .ibox {
  position: relative;
  z-index: 2;
}
.passageway .right .li .images {
  width: 65px;
  height: 65px;
  border-radius: 50%;
  margin: 0 auto;
  background: #ffffff;
}
.passageway .right .li .words {
  color: #ffffff;
  line-height: 1;
  font-size: 16px;
  text-align: center;
  box-sizing: border-box;
  margin-top: 13px;
}

.wel-home {
  height: 860px;
  padding-top: 90px;
  padding-bottom: 60px;
  box-sizing: border-box;
}
.wel-home .home-ul {
  margin-top: 40px;
}
.wel-home .home-ul .ul-left .li {
  width: 240px;
  height: 138px;
  margin-top: 9px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
.wel-home .home-ul .ul-left .li .img {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.wel-home .home-ul .ul-left .li .img img {
  transition: .5s;
  width: 100%;
}
.wel-home .home-ul .ul-left .li:nth-child(1) {
  margin-top: 0;
}
.wel-home .home-ul .ul-left .li:hover img {
  transition: .5s;
  transform: scale3d(1.06, 1.06, 1);
}
.wel-home .home-ul .ul-left .li.active .word {
  opacity: 0;
  transition: .5s;
}
.wel-home .home-ul .ul-left .li .word {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  padding: 5px;
  box-sizing: border-box;
  transition: .5s;
}
.wel-home .home-ul .ul-left .li .word span {
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(255, 255, 255, 0.2);
  font-size: 24px;
  color: #ffffff;
  text-align: center;
  line-height: 130px;
}
.wel-home .home-ul .ul-left .li .word:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  border: 1px solid #ffffff;
}
.wel-home .home-ul .ul-right {
  width: 1010px;
  height: 580px;
  overflow: hidden;
  position: relative;
}
.wel-home .home-ul .ul-right .li {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  display: none;
}
.wel-home .home-ul .ul-right .li.active {
  display: block;
}
.wel-home .home-ul .ul-right .li img {
  width: 100%;
}
.wel-home .home-ul .ul-right .li .words {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 360px;
  font-size: 14px;
  line-height: 24px;
  color: #cccccc;
  text-align: center;
  background: rgba(0, 0, 0, 0.75);
}
.wel-home .home-ul .ul-right .li .words .hbox {
  padding: 40px 50px;
  padding-bottom: 30px;
  box-sizing: border-box;
}
.wel-home .home-ul .ul-right .li .words .h1 {
  color: #ffffff;
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 10px;
}
.wel-home .home-ul .ul-right .li .words .h3 {
  width: 100%;
  height: 36px;
  background: #e63c2e;
  position: relative;
  cursor: pointer;
}
.wel-home .home-ul .ul-right .li .words .h3:hover:after {
  margin-left: -25px;
  transition: .5s;
}
.wel-home .home-ul .ul-right .li .words .h3:after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  bottom: 0;
  margin: auto;
  margin-left: -32.5px;
  width: 65px;
  height: 15px;
  background: url(img133.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img133.png*/ no-repeat center;
  transition: .5s;
}

.wel-offensive {
  height: 880px;
  padding-top: 90px;
  padding-bottom: 85px;
  background: #f9f6f4;
  box-sizing: border-box;
  position: relative;
}
.wel-offensive .bbay {
  width: 410px;
  position: absolute;
  bottom: 32px;
  left: 0;
  height: 400px;
}
.wel-offensive .offensive-ul {
  margin-top: 45px;
  position: relative;
  z-index: 2;
}
.wel-offensive .offensive-ul .tit {
  height: 62px;
  background: #c9a789;
  line-height: 62px;
  color: #ffffff;
  padding: 0 30px;
  box-sizing: border-box;
}
.wel-offensive .offensive-ul .tit .titl {
  font-size: 20px;
  font-weight: bold;
}
.wel-offensive .offensive-ul .tit:hover .titr {
  transform: translateX(10px);
}
.wel-offensive .offensive-ul .tit .titr {
  color: #ffffff;
  font-size: 14px;
}
.wel-offensive .offensive-ul .left {
  width: 850px;
  background: #ffffff;
  height: 570px;
}
.wel-offensive .offensive-ul .left .box {
  padding: 23px 30px;
  box-sizing: border-box;
}
.wel-offensive .offensive-ul .left .box .box-tit {
  padding-bottom: 13px;
  border-bottom: 1px solid #e1e1e1;
  box-sizing: border-box;
}
.wel-offensive .offensive-ul .left .box .box-tit .li {
  float: left;
  font-size: 16px;
  color: #333333;
  width: 14.2857142857%;
  text-align: center;
  height: 35px;
  transition: .5s;
  cursor: pointer;
}
.wel-offensive .offensive-ul .left .box .box-tit .li:hover, .wel-offensive .offensive-ul .left .box .box-tit .li.active {
  color: #ffffff;
  background: #383839;
  border-radius: 5px;
  transition: .5s;
}
.wel-offensive .offensive-ul .left .box .box-center {
  margin-top: 25px;
  display: block;
}
.wel-offensive .offensive-ul .left .box .box-center img{
  width: 100%;
}
.wel-offensive .offensive-ul .left .box .box-center:hover .left img {
  transition: .5s;
  transform: scale3d(1.06, 1.06, 1);
}
.wel-offensive .offensive-ul .left .box .box-center .left {
  width: 280px;
  height: 168px;
  overflow: hidden;
}
.wel-offensive .offensive-ul .left .box .box-center .left img {
  transition: .5s;
}
.wel-offensive .offensive-ul .left .box .box-center .right {
  width: 490px;
  height: auto;
  padding-left: 10px;
  padding-top: 12px;
  box-sizing: border-box;
  line-height: 1;
}
.wel-offensive .offensive-ul .left .box .box-center .right .time {
  font-size: 24px;
  color: #c9a78a;
  margin-bottom: 12px;
  font-family: "arru";
}
.wel-offensive .offensive-ul .left .box .box-center .right .h02 {
  font-size: 20px;
  line-height: 22px;
  height: 22px;
  color: #333333;
    display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp:1;
  overflow: hidden;
}
.wel-offensive .offensive-ul .left .box .box-center .right .h03 {
  font-size: 14px;
  color: #666666;
  line-height: 24px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  height: 48px;
  margin-top: 10px;
}
.wel-offensive .offensive-ul .left .box .box-center .right .h04 {
  color: #bc9a7c;
  font-size: 14px;
  margin-top: 16px;
}
.wel-offensive .offensive-ul .left .box .box-bot {
  margin-top: 25px;
  padding-bottom: 12px;
  box-sizing: border-box;
}
.wel-offensive .offensive-ul .left .box .box-bot .li {
  display: block;
  font-size: 14px;
  color: #333333;
  border-top: 1px dashed #d4d4d4;
  height: 45px;
  line-height: 45px;

  padding-left: 18px;
  box-sizing: border-box;
  position: relative;
}
.wel-offensive .offensive-ul .left .box .box-bot .li .fr{
	color:#999;
}
.wel-offensive .offensive-ul .left .box .box-bot .li:hover .fr{
	color:#bc9a7c;
	transition:.5s;
}
.wel-offensive .offensive-ul .left .box .box-bot .li .fl{
	transition:.5s;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  max-width: 70%;
  height:100%;
  font-size: 16px;
}
.wel-offensive .offensive-ul .left .box .box-bot .li:hover {
  color: #bc9a7c;
}
.wel-offensive .offensive-ul .left .box .box-bot .li:before {
  position: absolute;
  height: 6px;
  width: 6px;
  content: "";
  border-radius: 50%;
  top: 0;
  bottom: 0;
  left: 5px;
  margin: auto;
  background: #bc9a7c;
}
.wel-offensive .offensive-ul .right {
  width: 400px;
  height: 570px;
  background: #ffffff;
  font-size: 14px;
  color: #666666;
}
.wel-offensive .offensive-ul .right .box {
  padding: 23px 30px;
  padding-top: 5px;
  box-sizing: border-box;
}
.wel-offensive .offensive-ul .right .box .li {
  padding: 15px 0;
  border-top: 1px dashed #d4d4d4;
  box-sizing: border-box;
  display: block;
}
.wel-offensive .offensive-ul .right .box .li:nth-child(1) {
  border-top: none;
}
.wel-offensive .offensive-ul .right .box .li:hover .litop {
  color: #c3a183;
  transition: .5s;
}
.wel-offensive .offensive-ul .right .box .li:hover .libot {
  color: #c3a183;
  transition: .5s;
}
.wel-offensive .offensive-ul .right .box .li span {
  position: absolute;
  left: 0;
  top: 0;
  margin: auto;
  height: 30px;
  width: 30px;
  border-radius: 5px;
  color: #ffffff;
  font-size: 18px;
  font-family: "arru";
  line-height: 30px;
  text-align: center;
}
.wel-offensive .offensive-ul .right .box .li .litop {
  position: relative;
  padding-left: 40px;
  box-sizing: border-box;
  line-height: 30px;
  font-size: 16px;
  color: #333333;
  transition: .5s;
  height: 60px;
      display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  overflow: hidden;
}
.wel-offensive .offensive-ul .right .box .li .litop span {
  background: #383839;
}
.wel-offensive .offensive-ul .right .box .li .libot {
  position: relative;
  padding-left: 40px;
  box-sizing: border-box;
  line-height: 24px;
  height: 48px;
  margin-top: 12px;
  color: #666666;
  transition: .5s;
      display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  overflow: hidden;
}
.wel-offensive .offensive-ul .right .box .li .libot span {
  background: #e63c2e;
}

.wel-feedback {
  padding-top: 87px;
  /*padding-bottom: 48px;*/
  box-sizing: border-box;
}
.wel-feedback .feedback-img {
  width: 1530px;
  height: 600px;
  margin: 0 auto;
}
.wel-feedback .feedback-form {
  height: 342px;
}
.wel-feedback .feedback-form .left {
  width: 50%;
  height: 100%;
}
.wel-feedback .feedback-form .right {
  width: 50%;
  height: 100%;
  padding-left: 40px;
  padding-top: 60px;
  box-sizing: border-box;
  position: relative;
}
.wel-feedback .feedback-form .right .bboy {
  position: absolute;
  right: 0;
  bottom: 0;
}
.wel-feedback .feedback-form .right .input {
  width: 440px;
}
.wel-feedback .feedback-form .right .input input {
  border: none;
  background: none;
  outline: none;
}
.wel-feedback .feedback-form .right .input input[type=text] {
  width: 440px;
  height: 50px;
  background: #f6f6f6;
  font-size: 16px;
  color: #666666;
  border-radius: 5px;
  border: 1px solid #e1e1e1;
  padding-left: 23px;
  box-sizing: border-box;
  margin-bottom: 20px;
}
.wel-feedback .feedback-form .right .input input[type=submit] {
  width: 260px;
  height: 50px;
  background: #383839;
  border-radius: 5px;
  display: block;
  font-size: 16px;
  color: #ffffff;
  font-weight: bold;
  margin: 0 auto;
  transition: .5s;
  margin-top: 20px;
}
.wel-feedback .feedback-form .right .input input[type=submit]:hover {
  transition: .5s;
  transform: translateY(-5px);
}

.wel-serve {
  height: 810px;
  padding-top: 90px;
  padding-bottom: 95px;
  box-sizing: border-box;
}
.wel-serve .serve-box {
  margin-top: 70px;
  margin-bottom: 60px;
  position: relative;
}
.wel-serve .serve-box:after {
  content: "";
  height: 32px;
  width: 100%;
  background: url(img136.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img136.png*/ no-repeat center;
  background-size: cover;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.wel-serve .serve-box .serve-ul {
  height: 320px;
}
.wel-serve .serve-box .serve-ul .li {
  width: 150px;
  float: left;
  height: 100%;
  position: relative;
}
.wel-serve .serve-box .serve-ul .li:nth-child(2n+1) .li-top {
  top: 0;
}
.wel-serve .serve-box .serve-ul .li:nth-child(2n+1) .li-top .num {
  top: 0;
}
.wel-serve .serve-box .serve-ul .li:nth-child(2n+1) .li-top .line {
  top: 0;
}
.wel-serve .serve-box .serve-ul .li:nth-child(2n+1) .li-top .dian {
  bottom: 0;
}
.wel-serve .serve-box .serve-ul .li:nth-child(2n+2) .li-top {
  bottom: 0;
}
.wel-serve .serve-box .serve-ul .li:nth-child(2n+2) .li-top .num {
  bottom: 0;
}
.wel-serve .serve-box .serve-ul .li:nth-child(2n+2) .li-top .line {
  top: 0;
}
.wel-serve .serve-box .serve-ul .li:nth-child(2n+2) .li-top .dian {
  top: 0;
}
.wel-serve .serve-box .serve-ul .li .li-top {
  width: 80px;
  height: 165px;
  position: absolute;
}
.wel-serve .serve-box .serve-ul .li .li-top .num {
  position: absolute;
  z-index: 1;
}
.wel-serve .serve-box .serve-ul .li .li-top .num .nbox {
  background: url(img135.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img135.png*/ no-repeat center;
  background-size: 100%;
  font-size: 40px;
  font-family: Arial;
  color: #ffffff;
  line-height: 80px;
  text-align: center;
  width: 80px;
  height: 80px;
}
.wel-serve .serve-box .serve-ul .li .li-top .num .num-bot {
  position: absolute;
  display: block;
  top: 0;
  left: 90px;
  line-height: 1;
  width: 205px;
  padding-top: 5px;
  box-sizing: border-box;
}
.wel-serve .serve-box .serve-ul .li .li-top .num .num-bot .h01 {
  color: #333333;
  font-size: 24px;
}
.wel-serve .serve-box .serve-ul .li .li-top .num .num-bot .h02 {
  font-size: 14px;
  color: #bc9a7c;
  margin-top: 7px;
  margin-bottom: 10px;
}
.wel-serve .serve-box .serve-ul .li .li-top .num .num-bot .h03 {
  font-size: 14px;
  color: #666;
  line-height: 20px;
}
.wel-serve .serve-box .serve-ul .li .li-top .line {
  width: 1px;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  background: #bc9a7c;
}
.wel-serve .serve-box .serve-ul .li .li-top .dian {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #bc9a7c;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}

.mborn-05 {
  height: 1220px;
  padding: 100px 0;
  box-sizing: border-box;
  background: #fafafa;
}
.mborn-05 .utext {
  line-height: 1;
  font-size: 18px;
  color: #666666;
  text-align: center;
  margin-top: 18px;
}
.mborn-05 .mborn-ul {
  margin-top: 40px;
}
.mborn-05 .mborn-ul .li {
  width: 640px;
  height: 900px;
  background: url(img137.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img137.png*/ no-repeat center;
  background-size: 100%;
}
.mborn-05 .mborn-ul .li .li-top {
  height: 340px;
}
.mborn-05 .mborn-ul .li .li-box {
  border-right: 1px solid #f1eae4;
  height: 560px;
  box-sizing: border-box;
}
.mborn-05 .mborn-ul .li .li-center {
  height: 190px;
  text-align: center;
  padding-top: 10px;
  box-sizing: border-box;
}
.mborn-05 .mborn-ul .li .li-center .h01 {
  font-size: 24px;
  color: #333333;
  line-height: 1;
  margin-bottom: 20px;
}
.mborn-05 .mborn-ul .li .li-center .h01 span {
  font-size: 36px;
  color: #e63c2e;
  font-weight: bold;
}
.mborn-05 .mborn-ul .li .li-center .h02 {
  font-size: 16px;
  color: #666666;
  line-height: 26px;
  height: 104px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  width: 525px;
  margin: 0 auto;
}

.tybody {
  width: 585px;
  margin: 0 auto;
}
.tybody.tybody02 .thead .tr {
  width: 250px;
}
.tybody.tybody02 .tbody .td {
  width: 250px;
  height: 80px;
  line-height: 80px;
}
.tybody.tybody02 .tbody .td.td03 {
  line-height: 20px;
  padding-top: 25px;
  box-sizing: border-box;
}
.tybody .thead .tr {
  width: 168px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  float: left;
  font-size: 20px;
  color: #ffffff;
  background: #383838;
  border-left: 1px solid #ffffff;
  box-sizing: border-box;
}
.tybody .thead .tr.tr01 {
  width: 80px;
  border-left: none;
}
.tybody .thead .tr.tr02 {
  background: #e63c2e;
}
.tybody .tbody .td {
  width: 168px;
  height: 62px;
  line-height: 62px;
  text-align: center;
  float: left;
  font-size: 16px;
  color: #333333;
  background: #eeeeee;
  border-left: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  box-sizing: border-box;
}
.tybody .tbody .td.td01 {
  width: 80px;
  border-left: none;
  background: #f7e7d9;
}
.tybody .tbody .td.td02 {
  background: #f1e1e0;
  font-weight: bold;
}

.tgbody .thead {
  overflow: hidden;
}
.tgbody .thead .tr {
  width: 25%;
  float: left;
  height: 50px;
  background: #383838;
  line-height: 50px;
  font-size: 20px;
  color: #ffffff;
  text-align: center;
  border-left: 1px solid #ffffff;
  box-sizing: border-box;
}
.tgbody .thead .tr:last-child {
  background: #e63c2e;
}
.tgbody .tbody .tr {
  overflow: hidden;
}
.tgbody .tbody .tr .td {
  width: 25%;
  float: left;
  height: 50px;
  background: #f3f3f3;
  line-height: 50px;
  font-size: 16px;
  color: #333333;
  text-align: center;
  border-left: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  box-sizing: border-box;
}
.tgbody .tbody .tr .td:last-child {
  background: #f1e1e0;
}
.tgbody .tbody .tr .td:nth-child(1) {
  background: #f7e7d9;
}

.mborn-06 {
  padding-bottom: 100px;
}

.mborn-07 {
  padding-bottom: 90px;
  padding-top: 96px;
  box-sizing: border-box;
}
.mborn-07 .mborn-link {
  text-align: center;
}
.mborn-07 .mborn-link .text {
  font-size: 28px;
  color: #333333;
  line-height: 1;
}
.mborn-07 .mborn-link .text span {
  color: #e63c2e;
  font-size: 36px;
}
.mborn-07 .mborn-link .link {
  height: 55px;
  line-height: 55px;
  background: #e63c2e;
  display: inline-block;
  padding-left: 45px;
  padding: 0 30px;
  color: #ffffff;
  font-size: 20px;
  box-sizing: border-box;
  border-radius: 5px;
  transition: .5s;
  margin-top: 25px;
}
.mborn-07 .mborn-link .link:hover {
  transition: .5s;
  transform: translateY(-5px);
}

.tTop {
  width: 62px;
  height: 62px;
  background: url(ttop.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/ttop.png*/ #e63c2e no-repeat center;
  background-size: 100%;
  cursor: pointer;
  position: fixed;
  bottom: 28px;
  right: 8%;
  display: none;
  z-index: 14;
  border-radius: 50%;
  transition: .5s;
}
.tTop:hover {
  background: url(ttop.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/ttop.png*/ #b89679 no-repeat center;
  background-size: 100%;
  transition: .5s;
}

.aniy {
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translateY(-30px);
  transition: 1s;
}

.ani_y {
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translateY(30px);
  transition: 1s;
}

.animate .ani_y,.ani_y {
  opacity: 1;
  filter: alpha(opacity=100);
  transform: translateY(0);
  transition: 1s;
}

.anix {
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translateX(-90px);
  transition: 1s;
}

.ani_x {
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translateX(90px);
  transition: 1s;
}

.aniq {
  opacity: 0;
  filter: alpha(opacity=0);
  transform: scale(0);
  transition: 1s;
}

.animate .ani_x ,.ani_x{
  opacity: 1;
  filter: alpha(opacity=100);
  transform: translateX(0);
  transition: 1s;
}

.ani {
  opacity: 0;
  filter: alpha(opacity=0);
  transition: 1s;
}

.animate .ani,.ani {
  opacity: 1;
  filter: alpha(opacity=100);
  transition: 1s;
}

.animate .anix ,.anix{
  opacity: 1;
  filter: alpha(opacity=100);
  transform: translateX(0);
  transition: 1s;
}

.animate .aniy,.aniy {
  opacity: 1;
  filter: alpha(opacity=100);
  transform: translateY(0);
  transition: 1s;
}

.secwen {
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translateY(30px);
  transition: 1s;
}

.animate.secwen,.secwen {
  opacity: 1;
  filter: alpha(opacity=100);
  transform: translateY(0);
  transition: 1s;
}

.animate .aniq ,.aniq{
  opacity: 1;
  filter: alpha(opacity=100);
  transform: scale(1);
  transition: 1s;
}

.animate .delay1 {
  transition-delay: .2s;
}

.animate .delay2 {
  transition-delay: .4s;
}

.animate .delay3 {
  transition-delay: .6s;
}

.animate .delay4 {
  transition-delay: .8s;
}

.animate .delay5 {
  transition-delay: 1s;
}

.animate .delay7 {
  transition-delay: 1.4s;
}

.animate .delay6 {
  transition-delay: 1.2s;
}

.animate .delayx {
  transition-delay: 1.5s;
}

.animate .add1 {
  transition-delay: .1s;
}

.animate .add2 {
  transition-delay: .2s;
}

.animate .add3 {
  transition-delay: .3s;
}

.animate .add4 {
  transition-delay: .4s;
}

.animate .add5 {
  transition-delay: .5s;
}

.animate .add6 {
  transition-delay: .6s;
}

.animate .add7 {
  transition-delay: .7s;
}

.animate .add8 {
  transition-delay: .8s;
}

.animate.add1 {
  transition-delay: .1s;
}

.animate.add2 {
  transition-delay: .2s;
}

.animate.add3 {
  transition-delay: .3s;
}

.animate.add4 {
  transition-delay: .4s;
}

.animate.add5 {
  transition-delay: .5s;
}

.animate.add6 {
  transition-delay: .6s;
}

.animate.add7 {
  transition-delay: .7s;
}

.animate.add8 {
  transition-delay: .8s;
}

.form-box {
  background: #f4f9f9;
  padding: 20px 0;
}

.form-content {
  width: 780px;
  margin: 0 auto;
  -webkit-box-shadow: 0 2px 9px 0 rgba(167, 167, 167, 0.3);
  box-shadow: 0 2px 9px 0 rgba(167, 167, 167, 0.3);
}
.form-content .form-header {
  height: 50px;
  font-size: 24px;
  color: #fff;
  line-height: 50px;
  text-align: center;
  background: #e63c2e;
}
.form-content .form-text {
  padding: 30px;
  background: #fff;
  box-sizing: border-box;
}
.form-content .form-text .label-title {
  line-height: 1.5;
  font-size: 22px;
  text-align: center;
  color: #bc9a7c;
  margin-top: 45px;
}
.form-content .form-text .input-text input {
  border: none;
  background: none;
  outline: none;
  border: 1px solid #999;
  height: 50px;
  width: 300px;
  border-radius: 5px;
  padding-left: 10px;
  box-sizing: border-box;
  font-size: 14px;
}
.form-content .form-text .input-text input.uiop{
	width: 80px;
	height: 36px;
	margin:0 8px;
  color:#ccc;
  font-weight: normal;

}
.form-content .form-text .ulbox {
  margin-top: 40px;
}
.form-content .form-text .ul.ult01 .li{
  margin-bottom: 20px;
}
.form-content .form-text .ul.ult01 .li input{
display: inline-block;
}
.form-content .form-text .ul.ult01{
  text-align: center;
  margin-top:30px;
}
.form-content .form-text .ul.ult01 .imgbox .words{
  margin-top: 15px;
}
.form-content .form-text .ul.ult01 .imgbox .images{
   width: 140px;
   height:140px;
    border-radius: 50%;
    margin: 0 auto;
        overflow: hidden;
}
.form-content .form-text .submit {
  margin-top: 20px;
}
.input-text.fxi{
	margin-top:20px;
  text-align:center;
}
.form-content .form-text .input-text.fxi.mtext input{
  float:none;
}
.form-content .form-text .input-text.fxi input{
	margin-bottom: 10px;
	width: 32%;
	height: 46px;
	color:#666;
	border-color:#ccc;
	font-size: 14px;
	margin-left:2%;
}
.form-content .form-text .input-text.fxi input:nth-child(1){
	margin-left:0;
}
.form-content .form-text .submit input {
  border: none;
  background: none;
  outline: none;
  width: 120px;
  height: 36px;
  margin: 0 auto;
  background: #e63c2e;
  display: block;
  color: #fff;
  transition: .5s;
  font-size: 14px;
}
.textarea textarea{
	resize: none;
	width: 100%;
	height: 200px;
	margin-top:30px;
	border-radius: 8px;
  padding:10px;
  box-sizing: border-box;
}
.form-content .form-text .submit input:hover {
  transition: .5s;
  transform: translateY(-10px);
}
.form-content .form-text .ul {
  padding: 15px 0;
  border-bottom: 1px solid #f5f5f5;
  position: relative;
}
.form-content .form-text .ul:after{
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden;
    content: ".";
}
.form-content .form-text .ul .li{
	width: 25%;
	float:left;
}
.form-content .form-text .ul span.span {
  font-size: 12px;
  color: #d9534f;
}
.form-content .form-text .litop {
  font-size: 16px;
  color: #333;
  font-weight: bold;
  margin-bottom: 10px;
      text-align: left;
}
.form-content .form-text .li {
  line-height: 24px;
  font-size: 14px;
  color: #777;
}
.form-content .form-text .li input {
  margin-right: 5px;
}


.nursing .nursing-ul .ul .li .img {
  height: 250px;
}

.born-t01 .born-list .words .h04 {
  color: #666;
}

.bocweb-header .bocweb-bot .bocweb-nav .bocweb-subnav .subnavbot {
  padding: 10px 0;
  background: rgba(0, 0, 0, 0.5);
  line-height: 35px;
}

.process-way02 .way02 {
  height: 100%;
}

.process-way02 .picScroll-left {
  width: 100%;
}
.process-way02 .picScroll-left .bd li {
  width: 415px;
  margin-right: 12px;
}
.process-way02 .picScroll-left .hd {
  text-align: center;
}
.process-way02 .picScroll-left .hd li {
  width: 12px;
  height: 12px;
  background: #bc9a7c;
  border-radius: 50%;
  display: inline-block;
  margin: 0 9px;
  margin-top: 42px;
  text-indent: -999px;
  overflow: hidden;
}
.process-way02 .picScroll-left .hd .on {
  background: #e63c2e;
}

.diet .diet-center .ul .ul-left .li {
  border-top: 1px solid #e3e0de;
  box-sizing: border-box;
}
.diet .diet-center .ul .ul-left .li:nth-child(1) {
  border: none;
}

.bocweb-header .bocweb-bot .bocweb-nav .bocweb-subnav .subnavbot a {
  background: none;
}

.cost-topcenter .li .words .link {
  cursor: auto;
}

.wel-package .package-box .li img {
  transition: .5s;
  width: 100%;
}

.wel-package .package-box .li:hover img {
  transition: .5s;
  transform: scale3d(1.06, 1.06, 1);
}

.bocweb-header .bocweb-top .textli.active {
  line-height: 48px;
}

.wel-package .package-bot .fr .lio2 {
  margin-left: 20px;
}

.mborn-02 .mborn-ul .li .words .h02 {
  color: #666;
}

.process-tit {
  box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.05);
}

.itembot-ul {
  overflow: hidden;
  display: block;
  width: 100%;
}
.itembot-ul .li {
  width: 40px;
  height: 40px;
  float: left;
  overflow: hidden;
  transition: .5s;
  cursor: pointer;
}
.itembot-ul .li:hover {
  transition: .5s;
}
.itembot-ul .left {
  background: url(img64.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img64.png*/ no-repeat center;
  background-size: 100%;
}
.itembot-ul .left:hover {
  background: url(img70.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img70.png*/ no-repeat center;
  background-size: 100%;
}
.itembot-ul .right {
  background: url(img65.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img65.png*/ no-repeat center;
  background-size: 100%;
}
.itembot-ul .right:hover {
  background: url(img71.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/img71.png*/ no-repeat center;
  background-size: 100%;
}

@media (max-width: 1920px) and (min-width: 1903px) {
  .conibanner img, .imgo-images img {
    width: 1920px;
    max-width: none;
  }

  .conibanner {
    overflow: hidden;
  }
  .conibanner img {
    max-width: none;
  }
}
@media screen and (max-width: 1680px) {
  .process-way .way-ul .owl-next {
    right: -10%;
  }

  .conibanner {
    overflow: hidden;
  }

  .conibanner img {
    width: 130%;
    margin-left: -10%;
    max-width: none;
  }

  .process-way .way-ul .owl-prev {
    left: -10%;
  }

  .costtextcenter .owl-next {
    right: -10%;
  }

  .costtextcenter .owl-prev {
    left: -10%;
  }

  .about-map .map-tit .right .li {
    padding-left: 130px;
  }

  .about-map .map-tit .right .li .images {
    left: 40px;
  }

  .w1640 {
    width: 98%;
  }

  .born-map .map-tit .right .box {
    width: 73%;
  }

  .born-map .map-tit .right {
    padding-left: 80px;
  }

  .born-t03 .ul .li .image {
    width: 43%;
    height: auto;
  }

  .born-t03 .ul .li .images {
    width: 43%;
  }

  .ttbody {
    width: 52%;
  }

  .mborn-02 .lbaby {
    display: none;
  }

  .imgo-images {
    overflow: hidden;
  }
  .imgo-images img {
    width: 110%;
    margin-left: -5%;
    max-width: none;
  }
}
@media screen and (max-width: 1600px) {
  .process-way .way-ul .owl-next {
    right: -5%;
  }

  .process-way .way-ul .owl-prev {
    left: -5%;
  }

  .born-map .map-tit .right .box {
    width: 90%;
  }

  .conbanner {
    height: 560px;
  }

  .costtextcenter .owl-next {
    right: -5%;
  }

  .costtextcenter .owl-prev {
    left: -5%;
  }

  .wel-feedback .feedback-img {
    height: auto;
    width: 96%;
  }

  .passageway .right .box {
    width: 95%;
  }
}
@media screen and (max-width: 1450px) {
  .process-way .way-ul .owl-next {
    right: 0;
    width: 40px;
    height: 40px;
  }

  .process-way .way-ul .owl-prev {
    left: 0;
    width: 40px;
    height: 40px;
  }

  .wel-serve .serve-box .serve-ul .li .li-top .num .num-bot {
    width: 150px;
  }

  .wel-package .package-box .swiper-button-next, .wel-package .package-box .owl-next {
    width: 40px;
    height: 40px;
  }

  .wel-package .package-box .swiper-button-prev, .wel-package .package-box .owl-prev {
    width: 40px;
    height: 40px;
  }

  .costtextcenter .owl-next {
    right: 0;
    width: 40px;
    height: 40px;
  }

  .costtextcenter .owl-prev {
    left: 0;
    width: 40px;
    height: 40px;
  }

  .about-map .map-tit .right .li {
    padding-left: 110px;
  }

  .mborn-01 {
    height: 635px;
  }
}
@media screen and (max-width: 1350px) {
  .w1280 {
    width: 95%;
  }

  .wel-home .home-ul .ul-right {
    width: 78%;
  }

  .wel-home .home-ul .ul-left {
    width: 18%;
  }

  .wel-home .home-ul .ul-left .li {
    height: auto;
    width: 100%;
  }

  .about-video .left .h2 {
    font-size: 32px;
  }

  .imgo-images {
    overflow: hidden;
  }
  .imgo-images img {
    width: 130%;
    margin-left: -15%;
    max-width: none;
  }

  .wel-serve .serve-box .serve-ul .li:nth-child(2n+2) .li-top .num .num-bot {
    top: -30px;
  }

  .wel-serve .serve-box .serve-ul .li .li-top .num .num-bot {
    padding-top: 0;
  }

  .wel-serve .serve-box .serve-ul {
    width: 100%;
  }

  .strategy .caseul .wen {
    width: 63%;
    padding-top: 25px;
  }

  .strategy .caseul .img {
    width: 28%;
    height: auto;
  }

  .born-map .map-tit .right .box {
    width: 100%;
  }

  .bocweb-header .bocweb-center .text-right .li {
    padding: 0 20px;
    padding-left: 65px;
  }

  .bocweb-header .bocweb-center .text-right .li .img {
    left: 25px;
  }

  .bocweb-header .bocweb-center .text-left .text .p {
    font-size: 20px;
  }

  .bocweb-header .bocweb-center .text-left .text .b {
    font-size: 24px;
  }

  .bocweb-header .bocweb-bot .bocweb-nav .bocweb-subnav .subnavtop {
    padding: 0 20px;
  }

  .bocweb-header .bocweb-bot .bocweb-nav .bocweb-subnav:last-child {
    width: 126px;
  }

  .bocweb-footer .bocweb-top .item {
    padding: 0 2.3%;
  }

  .process-ul .process-li .img {
    width: 52%;
  }

  .process-ul .process-li {
    position: relative;
    height: auto;
  }

  .process-ul .process-li .words {
    width: 48%;
    position: absolute;
  }

  .process-way .way-ul .img {
    height: auto;
  }

  .process-ul .process-li .words .box {
    padding: 45px 65px;
    width: auto;
  }

  .process-way .way-ul .li {
    width: 97%;
    margin: 0 auto;
  }

  .process-way02 .way02 .li {
    width: 97%;
    margin: 0 auto;
  }

  .guarantee .guarantee-ul .li {
    width: 32%;
    margin-left: 2%;
  }

  .bocweb-footer .bocweb-center .fl-center {
    width: 425px;
  }
  .bocweb-footer .bocweb-center .fl-center .flc-ul .li{
  	display: block;
  	color:#666;
  }

  .bocweb-footer .bocweb-center .fl-left .ul .li-img {
    width: 100px;
    height: 100px;
  }

  .bocweb-footer .bocweb-center .fl-left {
    width: 380px;
  }

  .bocweb-footer .bocweb-center .fl-center {
    line-height: 1.5;
  }

  .process-details .details-left {
    width: 78%;
  }

  .process-details .details-right {
    width: 20%;
  }

  .process-details .details-left {
    padding: 40px;
    padding-top: 70px;
  }

  .process-details .details-left .detailscenter .de-ul .li {
    width: 48%;
    margin-left: 2%;
  }

  .process-details .details-right .top, .process-details .details-right .bot, .process-details .details-right .botline {
    padding: 25px 20px;
  }

  .process-details .details-right .botline .phone {
    padding-left: 45px;
    line-height: 45px;
    font-size: 20px;
  }
  .process-details .details-right .botline .phone:after {
    width: 45px;
    height: 45px;
  }

  .strategy .li {
    width: 32%;
  }
  .strategy .li .img {
    /*height: auto;*/
  }

  .ttbody .tbody .ulo .span {
    height: 28px;
    line-height: 28px;
    width: 78px;
    font-size: 12px;
  }

  .process-details .details-left .detailscenter .de-ul .li .img {
    height: auto;
  }

  .roomintro .top-ul .li .words {
    width: 50.5%;
    height: auto;
  }

  .roomintro .top-ul .li .images {
    width: 49.5%;
    height: auto;
  }

  .diet .diet-center .ul .ul-right {
    width: 60%;
  }

  .diet .diet-center .ul .ul-left {
    width: 40%;
  }

  .nursing .nursing-ul .ul .li {
    width: 48%;
    margin-left: 2%;
  }

  .nursing .nursing-ul .ul .li .img {
    height: auto;
  }

  .cost .cost-top .cost-ul .li .images {
    width: 46%;
  }

  .cost .cost-top .cost-ul .li {
    position: relative;
  }

  .cost .cost-top .cost-ul .li .words {
    width: 54%;
    position: absolute;
    top: 50%;
    margin-top: -185px;
  }

  .cost .cost-top .cost-ul .li {
    height: auto;
  }

  .cost-topcenter .li .img {
    width: 44%;
  }

  .cost-topcenter .li .words {
    width: 44%;
  }

  .about-video .left {
    width: 48%;
  }

  .about-video .right {
    width: 46%;
    height: auto;
  }

  .about-team .team .text-box .text-bot .list .li .images {
    width: 50%;
    height: auto;
  }

  .about-team .team .text-box .text-top .images {
    height: auto;
  }

  .about-team .team .text-box .text-top {
    position: relative;
    height: auto;
  }
  .about-team .team .text-box .text-top .words {
    position: absolute;
    height: 100%;
  }

  .born-t07 .born-ul .li {
    width: 49%;
  }

  .born-t07 .born-ul .li .images {
    width: 45%;
  }

  .born-t07 .born-ul .li .words {
    width: 55%;
  }

  .wel-advantage .advantage-ul .li {
    width: 24%;
    margin-left: 1.3%;
  }

  .mborn-03 .mborn-ul .li {
    width: 24%;
    margin-left: 1.3%;
  }

  .mborn-02 .mborn-ul .li .words {
    width: 66%;
  }

  .mborn-02 .mborn-ul .li .images {
    width: 140px;
    height: 140px;
  }

  .mborn-02 .mborn-ul .li .words .h02 {
    line-height: 20px;
    height: 80px;
  }

  .mborn-02 .mborn-ul {
    width: 1200px;
    height: 1073px;
  }

  .mborn-02 .mborn-ul .li .words .h01 {
    font-size: 22px;
  }

  .mborn-05 .mborn-ul .li {
    width: 50%;
  }

  .video .video-box .video-left {
    width: 76%;
  }

  .video .video-box .video-right {
    width: 21%;
  }

  .newborn .newborn-list .newborn-ul .li-right .item .img {
    height: auto;
  }

  .newborn .newborn-list .newborn-ul .li-left {
    width: 27%;
  }

  .newborn .newborn-list .newborn-ul .li-right {
    width: 70%;
  }

  .newborn .newborn-list .newborn-ul .li-right .item {
    width: 95%;
    margin: 0 auto;
  }

  .newborn .newborn-list .newborn-ul {
    height: 480px;
  }

  .wel-offensive .offensive-ul .left {
    width: 66%;
  }

  .wel-offensive .offensive-ul .right {
    width: 32%;
  }

  .wel-offensive .offensive-ul .left .box .box-center .left {
    height: auto;
    width: 40%;
  }

  .wel-offensive .offensive-ul .left .box .box-center .right {
    width: 55%;
  }

  .wel-serve .serve-box .serve-ul .li {
    width: 11%;
  }

  .ttbody.tbody .ulo .lio {
    padding: 10px 20px;
  }

  .ttbody .tbody.tbody01 .ulo .lio {
    padding: 10px 80px;
	text-align: center;
  }
  .ttbody .tbody.tbody01 .ulo .lio{

  }

  .tbody01 .tbody .ulo .lio {
    padding: 10px 45px;
    
  }
  .tbody01 .tbody .ulo .lio:nth-child(1) {
    padding-left: 0;
  }
  .tbody01 .tbody .ulo .lio:nth-child(2) {
    padding-right: 0;
  }

  .mborn-04 {
    height: auto;
  }

  .costtextcenter .item .wen .it-h1 {
    font-size: 22px;
  }

  .wel-advantage .advantage-ul .li .img {
    width: auto;
    height: 100%;
  }

  .newborn .newborn-list .newborn-ul .li-left .item {
    width: 95%;
  }

  .newborn .newborn-list .newborn-ul .li-left .item .img {
    width: 100%;
  }

  .newborn .newborn-list .newborn-ul:nth-child(2n+2) .itembot-ul {
    width: 95%;
  }

  .process-way02 .picScroll-left .bd li {
    width: 380px;
  }
}

/*# sourceMappingURL=style.css.map */

.t-flex {
  position: fixed;
  z-index: 12;
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);
}

.flex-left {
  left: 24px;
  top: 100px;
  /*bottom: 0;*/
  margin: auto;
  width: 200px;
  height: 460px;
  border-radius: 10px;
  color: #fff;
}
.flex-left .x-cha {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 3px solid #fff;
  background: #383838;
  line-height: 38px;
  position: absolute;
  right: -20px;
  top: -20px;
  text-align: center;
  cursor: pointer;
  z-index: 3;
  box-sizing: border-box;
}
.flex-left .x-cha img {
  display: inline-block;
  position: absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
  margin: auto;
}
.flex-left .left-top {
  height: 60px;
  background: #bc9a7c;
  line-height: 60px;
  font-size: 18px;
  padding-left: 38px;
 border-top-left-radius:8px;
 border-top-right-radius:8px;
  box-sizing: border-box;
  position: relative;
}
.flex-left .left-top span {
  font-size: 16px;
}
.flex-left .left-top .fimg {
  position: absolute;
  width: 26px;
  height: 26px;
  top: 0;
  bottom: 0;
  left: 10px;
  margin: auto;
}
.flex-left .left-center {
  padding: 18px 10px;
  padding-top: 12px;
  box-sizing: border-box;
  background: #faf6f5;
  display: block;
}
.flex-left .left-center .li {
  display: block;
  height: 40px;
  line-height: 40px;
  color: #333333;
  font-size: 12px;
  border-top: 1px dashed #e7dad0;
  box-sizing: border-box;
}
.flex-left .left-center .li:hover {
  color: #bc9a7c;
}
.flex-left .left-center .li:nth-child(1) {
  border-top: none;
}
.flex-left .left-center .li .f-left {
  padding-left: 30px;
  box-sizing: border-box;
  position: relative;
  width: 120px;
  height: 100%;
  overflow: hidden;
}
.flex-left .left-center .li .f-left:after {
  position: absolute;
  content: "";
  height: 17px;
  width: 17px;
  left: 3px;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(t02.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/t02.png*/ no-repeat center;
  background-size: 100%;
}
.flex-left .left-center .li .f-right {
  width: 50px;
  height: 25px;
  color: #fff;
  line-height: 25px;
  text-align: center;
  background: #383838;
  border-radius: 3px;
  margin-top: 7px;
}
.flex-left .left-bot {
  height: 50px;
  line-height: 50px;
  font-size: 20px;
  font-family: "beba";
  font-family: Arial;
  background: #bc9a7c;
 border-bottom-left-radius:8px;
 border-bottom-right-radius:8px;
  padding-left: 40px;
  position: relative;
}
.flex-left .left-bot .fimg {
  position: absolute;
  width: 26px;
  height: 26px;
  top: 0;
  bottom: 0;
  left: 10px;
  margin: auto;
}

.flex-right {
  right: 24px;
  top: 100px;
  /*bottom: 0;*/
  margin: auto;
  width: 160px;
  height: 520px;
  border-radius: 10px;
  /*overflow: hidden;*/
  color: #fff;
  background: #faf6f5;
}
.flex-right .x-cha {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 3px solid #fff;
    background: #383838;
    line-height: 38px;
    position: absolute;
    right: -15px;
    top: -15px;
    text-align: center;
    cursor: pointer;
    box-sizing: border-box;
    z-index: 3;
}
.flex-right .x-cha img {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  right:0;
  bottom:0;
  margin: auto;
}
.mapio{text-align: center;}
.flex-right .right-top {
  height: 60px;
  background: #bc9a7c;
  line-height: 60px;
  font-size: 18px;
  padding-left: 65px;
  box-sizing: border-box;
  position: relative;
   border-top-left-radius:8px;
 border-top-right-radius:8px;
}
.flex-right .right-top span {
  font-size: 16px;
}
.flex-right .right-top .fimg {
  position: absolute;
  width: 26px;
  height: 26px;
  top: 0;
  bottom: 0;
  left: 25px;
  margin: auto;
}
.flex-right .right-center {
  padding: 0 10px;
  box-sizing: border-box;
   border-bottom-left-radius:8px;
 border-bottom-right-radius:8px;
}
.flex-right .right-center .ul .li {
  display: block;
  float: left;
  width: 50%;
  padding-top: 13px;
  padding-bottom: 14px;
  box-sizing: border-box;
}
.flex-right .right-center .ul .li:hover .img {
  transition: .5s;
  transform: translateY(-5px);
}
.flex-right .right-center .ul .li:nth-child(2n+1) {
  border-right: 1px dashed #e7dad0;
}
.flex-right .right-center .ul .li:nth-child(1) {
  border-bottom: 1px dashed #e7dad0;
}
.flex-right .right-center .ul .li:nth-child(2) {
  border-bottom: 1px dashed #e7dad0;
}
.flex-right .right-center .ul .li .img {
  width: 40px;
  height: 40px;
  margin: auto;
  transition: .5s;
}
.flex-right .right-center .ul .li .word {
  text-align: center;
  color: #333333;
  font-size: 15px;
  line-height: 18px;
  line-height: 18px;
  overflow: hidden;
  margin-top: 9px;
}
.flex-right .right-center .images {
  width: 146px;
  height: 146px;
  margin: 0 auto;
  margin-top: 13px;
  margin-bottom: 15px;
}
.flex-right .right-center .zixun {
  display: block;
  background: #e63c2e;
  border-radius: 5px;
  overflow: hidden;
  font-size: 15px;
  color: #ffffff;
  height: 40px;
  line-height: 40px;
  position: relative;
  padding-left: 46px;
  font-family: "demi";
  letter-spacing: -1px;
}
.flex-right .right-center .zixun:hover {
  transition: .5s;
  transform: translateY(-5px);
}
.flex-right .right-center .zixun span {
  position: absolute;
  font-size: 12px;
  line-height: 14px;
  width: 34px;
  padding-right: 8px;
  border-right: 1px solid rgba(255, 255, 255, 0.5);
  box-sizing: border-box;
  height: 28px;
  left: 7px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.flex-right .right-center .input {
  width: 100%;
  height: 34px;
  position: relative;
  overflow: hidden;
  border-radius: 5px;
  margin-top: 10px;
}
.flex-right .right-center .input input {
  border: none;
  background: none;
  outline: none;
}
.flex-right .right-center .input input[type=text] {
    width: 100%;
    height: 100%;
    border-radius: 5px;
    border: 1px solid #999999;
    padding-left: 2px;
    box-sizing: border-box;
    font-size: 12px;
    color: #cccccc;
}
.flex-right .right-center .input input[type=submit] {
  position: absolute;
  height: 34px;
  width: 39px;
  right: 0;
  top: 0;
  text-indent: -999px;
  overflow: hidden;
  background: url(t09.png)/*tpa=http://www.archsign.cn/web/bocweb/web/img/t09.png*/ #383838 no-repeat center;
}

.flex-center {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 320px;
  height: 300px;
  background: #faf6f5;
  border-radius: 10px;
}
.flex-center .span {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 3px solid #fff;
  background: #383838;
  line-height: 38px;
  position: absolute;
  right: -15px;
  top: -15px;
  text-align: center;
  cursor: pointer;
  box-sizing: border-box;
}
.flex-center .span img {
  display: inline-block;
  position: absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
  margin: auto;
}
.flex-center .center-top {
  padding: 33px;
  padding-top: 44px;
  box-sizing: border-box;
}
.flex-center .center-top .h01 {
  font-size: 28px;
  color: #333333;
  line-height: 1;
}
.flex-center .center-top .h02 {
  color: #333333;
  font-size: 14px;
  font-family: Arial;
  line-height: 1;
  margin-top: 7px;
  margin-bottom: 25px;
  text-align: center;
}
.flex-center .center-top .h03 {
  color: #666666;
  font-size: 12px;
  line-height: 20px;
  margin-top: 12px;
}
.flex-center .center-top .input {
  width: 100%;
  height: 44px;
  position: relative;
  overflow: hidden;
  border-radius: 5px;
  margin-top: 10px;
  transition: .5s;
}
.flex-center .center-top .input input {
  border: none;
  background: none;
  outline: none;
}
.flex-center .center-top .input input[type=text] {
  width: 100%;
  height: 100%;
  border-radius: 5px;
  border: 1px solid #bc9a7c;
  padding-left: 10px;
  box-sizing: border-box;
  font-size: 14px;
  color: #e2d0c0;
}
.flex-center .center-top .input input[type=submit] {
  position: absolute;
  height: 44px;
  width: 70px;
  right: 0;
  top: 0;
  overflow: hidden;
  background: #bc9a7c;
  font-size: 14px;
  color: #ffffff;
}
.flex-center .center-bot {
  height: 56px;
  line-height: 56px;
  color: #ffffff;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  font-size: 16px;
}
.flex-center .center-bot .li {
  width: 50%;
  padding-left: 65px;
  box-sizing: border-box;
  position: relative;
  color: #ffffff;
}
.flex-center .center-bot .li img {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 30px;
  transition: .5s;
}
.flex-center .center-bot .li:hover img {
  transition: .5s;
  transform: translateY(-5px);
}
.flex-center .center-bot .fl {
  background: #383838;
  border-bottom-left-radius: 8px;
}
.flex-center .center-bot .fr {
  background: #e63c2e;
   border-bottom-right-radius: 8px;
}

.flex-bot {
  height: 248px;
  background: #cfad8f;
  bottom: 0;
  width: 100%;
  z-index: 10;
}
.flex-bot .bot-t {
  height: 180px;
}
.flex-bot .bot-t .w1280 {
  height: 100%;
  position: relative;
}
.flex-bot .bot-t .x-cha {
  position: absolute;
  right: -45px;
  top: 0;
  width: 42px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  background: rgba(255, 255, 255, 0.1);
  cursor: pointer;
}
.flex-bot .bot-t .x-cha img {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  right:0;
  bottom:0;
  margin: auto;
}
.flex-bot .bot-t .t-left {
  width: 620px;
  height: 100%;
  color: #ffffff;
  line-height: 1;
  padding-top: 55px;
  box-sizing: border-box;
  position: relative;
}
.flex-bot .bot-t .t-left .h01 {
  font-size: 30px;
  font-weight: bolder;
}
.flex-bot .bot-t .t-left .h02 {
  font-size: 22px;
  margin-top: 20px;
}
.flex-bot .bot-t .t-left .span {
  width: 235px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.flex-bot .bot-t .t-right {
  width: 660px;
  height: 100%;
  padding-top: 35px;
  box-sizing: border-box;
}
.flex-bot .bot-t .t-right .h01 {
  font-size: 20px;
  color: #ffffff;
  text-align: center;
  line-height: 1;
  margin-bottom: 28px;
}
.flex-bot .bot-t .t-right .h01 span {
  font-size: 32px;
  font-weight: bold;
}
.flex-bot .bot-t .t-right .input input {
  border: none;
  background: #ffffff;
  outline: none;
  height: 48px;
  border-radius: 5px;
}
.flex-bot .bot-t .t-right .input input[type=text] {
  width: 260px;
  font-size: 16px;
  color: #666666;
  padding-left: 10px;
  box-sizing: border-box;
}
.flex-bot .bot-t .t-right .input input[type=submit] {
  font-size: 16px;
  background: #e63c2e;
  color: #fff;
  font-weight: bold;
  width: 120px;
  transition: .5s;
}
.flex-bot .bot-t .t-right .input input[type=submit]:hover {
  transition: .5s;
  transform: translateY(-5px);
}
.flex-bot .bot-b {
  height: 68px;
  background: #383838;
}
.flex-bot .bot-b .li {
  width: 33.33%;
  float: left;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  padding-left: 138px;
  border-left: 1px solid #484848;
  box-sizing: border-box;
  position: relative;
  height: 100%;
  line-height: 68px;
}
.flex-bot .bot-b .li:nth-child(1) {
  border-left: none;
}
.flex-bot .bot-b .li span {
  font-size: 16px;
  font-weight: normal;
}
.flex-bot .bot-b .li img {
  position: absolute;
  width: 42px;
  height: 35px;
  left: 80px;
  top: 0;
  bottom: 0;
  margin: auto;
}

@media screen and (max-width: 1350px) {
  .flex-bot .bot-t .t-left {
    width: 48%;
  }

  .flex-bot .bot-t .t-right {
    width: 52%;
  }

  .flex-bot .bot-t .t-right .input input[type=text] {
    width: 39%;
  }

  .flex-bot .bot-t .t-right .input input[type=submit] {
    width: 18%;
  }

  .flex-bot .bot-t .t-left .h01 {
    font-size: 26px;
  }
/*  .flex-left,.flex-right{
  	top: 0;
  	bottom:0;
  }*/
  .flex-bot .bot-t .x-cha{
    right: 0;
  }
}

/*# sourceMappingURL=st.css.map */

@media screen and (max-width: 1300px) {
	    
	    .bocweb-footer .bocweb-top .item{
	    	padding: 0 2.2%;
	    }
}

@media screen and (max-width: 1370px) {
	    
	    .bocweb-footer .bocweb-top .item{
	    	padding: 0 2.1%;
	    }
}